rohit/probo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix card items alignement

Browse Source 
Signed-off-by: gearnode <bryan@frimin.fr>
This commit is contained in:
gearnode
2025-03-16 18:30:57 +01:00
parent 09f853e4a8
commit 34ef38a0eb
1 changed files with 53 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
apps/console/src/pages/FrameworkOverviewPage.tsx
View File

@@ -121,14 +121,15 @@ function FrameworkOverviewPageContent({
key={index} key={index}
className="rounded-xl border border-gray-200 relative" className="rounded-xl border border-gray-200 relative"
> >
<div className="p-4 rounded-xl"> <div className="p-4 rounded-xl h-full flex flex-col">
<div className="flex items-center justify-between"> <div className="flex items-center h-8">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<Shield className="w-4 h-4 text-muted-foreground" /> <Shield className="w-4 h-4 text-muted-foreground" />
<span className="text-sm font-medium">{card.title}</span> <span className="text-sm font-medium">{card.title}</span>
</div> </div>
</div> </div>
<div className="mt-4 space-y-2"> <div className="mt-4 flex-1 flex flex-col justify-between">
<div className="min-h-[40px]">
<div className="flex flex-wrap gap-1"> <div className="flex flex-wrap gap-1">
{Array(card.total) {Array(card.total)
.fill(0) .fill(0)
@@ -175,12 +176,15 @@ function FrameworkOverviewPageContent({
); );
})} })}
</div> </div>
</div>
<div className="mt-2">
<span className="text-sm text-muted-foreground"> <span className="text-sm text-muted-foreground">
{card.completed}/{card.total} Controls validated {card.completed}/{card.total} Controls validated
</span> </span>
</div> </div>
</div> </div>
</div> </div>
</div>
))} ))}
</div> </div>