style: module ui improvement (#2838)

This commit is contained in:
Anmol Singh Bhatia 2023-11-23 20:39:58 +05:30 committed by GitHub
parent 20baba3bb0
commit 1f85bf2302
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
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"> <div className="flex items-center gap-2">
{moduleStatus && ( {moduleStatus && (
<span <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} {moduleStatus.label}
</span> </span>

View File

@ -157,7 +157,11 @@ export const ModuleListItem: React.FC<Props> = observer((props) => {
<div className="flex items-center justify-center"> <div className="flex items-center justify-center">
{moduleStatus && ( {moduleStatus && (
<span <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} {moduleStatus.label}
</span> </span>