style: module ui improvement (#2838)

This commit is contained in:
Anmol Singh Bhatia 2023-11-23 20:39:58 +05:30 committed by sriram veeraghanta
parent f56067f372
commit 77af7311ba
2 changed files with 10 additions and 2 deletions

View File

@ -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>

View File

@ -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>