style: module ui improvement (#2838)
This commit is contained in:
parent
f56067f372
commit
77af7311ba
2 changed files with 10 additions and 2 deletions
|
|
@ -148,7 +148,11 @@ export const ModuleCardItem: React.FC<Props> = observer((props) => {
|
|||
<div className="flex items-center gap-2">
|
||||
{moduleStatus && (
|
||||
<span
|
||||
className={`flex items-center justify-center text-xs h-6 w-20 rounded-sm ${moduleStatus.textColor} ${moduleStatus.bgColor}`}
|
||||
className="flex items-center justify-center text-xs text-center h-6 w-20 rounded-sm"
|
||||
style={{
|
||||
color: moduleStatus.color,
|
||||
backgroundColor: `${moduleStatus.color}20`,
|
||||
}}
|
||||
>
|
||||
{moduleStatus.label}
|
||||
</span>
|
||||
|
|
|
|||
|
|
@ -157,7 +157,11 @@ export const ModuleListItem: React.FC<Props> = observer((props) => {
|
|||
<div className="flex items-center justify-center">
|
||||
{moduleStatus && (
|
||||
<span
|
||||
className={`flex items-center justify-center text-xs h-6 w-20 rounded-sm ${moduleStatus.textColor} ${moduleStatus.bgColor}`}
|
||||
className="flex items-center justify-center text-xs text-center h-6 w-20 rounded-sm"
|
||||
style={{
|
||||
color: moduleStatus.color,
|
||||
backgroundColor: `${moduleStatus.color}20`,
|
||||
}}
|
||||
>
|
||||
{moduleStatus.label}
|
||||
</span>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue