evandro/gemini-nexus
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(components): flatten CloudAccountList header structure

Browse Source
This commit is contained in:
Gemini Nexus Bot committed 2026-04-28 03:58:27 -03:00
1 parent d35db9756d
commit fbf21c4fa9
1 file changed
+5 -5
Download Patch File Download Diff File Expand all files Collapse all files
src/components/CloudAccountList.tsx
+5 -5
View File
@@ -663,26 +663,26 @@ export function CloudAccountList() {
return ( return (
<div className="space-y-5 pb-20"> <div className="space-y-5 pb-20">
<div className="bg-card rounded-lg border p-5"> <div className="rounded-lg border border-white/5 p-5">
<div className="flex flex-wrap items-start justify-between gap-4"> <div className="flex flex-wrap items-start justify-between gap-4">
<div className="flex shrink-0 flex-col gap-1"> <div className="flex shrink-0 flex-col gap-1">
<h2 className="text-2xl font-bold tracking-tight">{t('cloud.title')}</h2> <h2 className="text-2xl font-bold tracking-tight">{t('cloud.title')}</h2>
<p className="text-muted-foreground max-w-2xl">{t('cloud.description')}</p> <p className="text-muted-foreground max-w-2xl">{t('cloud.description')}</p>
</div> </div>
<div className="flex flex-wrap gap-2"> <div className="flex flex-wrap gap-2">
<div className="bg-muted/50 rounded-md border px-3 py-2"> <div className="bg-muted/10 rounded-md border border-white/5 px-3 py-2">
<div className="text-muted-foreground text-[11px] uppercase"> <div className="text-muted-foreground text-[11px] uppercase">
{t('cloud.card.actions')} {t('cloud.card.actions')}
</div> </div>
<div className="text-base font-semibold">{totalAccounts}</div> <div className="text-base font-semibold">{totalAccounts}</div>
</div> </div>
<div className="bg-muted/50 rounded-md border px-3 py-2"> <div className="bg-muted/10 rounded-md border border-white/5 px-3 py-2">
<div className="text-muted-foreground text-[11px] uppercase"> <div className="text-muted-foreground text-[11px] uppercase">
{t('cloud.card.active')} {t('cloud.card.active')}
</div> </div>
<div className="text-base font-semibold text-emerald-600">{activeAccounts}</div> <div className="text-base font-semibold text-emerald-600">{activeAccounts}</div>
</div> </div>
<div className="bg-muted/50 rounded-md border px-3 py-2"> <div className="bg-muted/10 rounded-md border border-white/5 px-3 py-2">
<div className="text-muted-foreground text-[11px] uppercase"> <div className="text-muted-foreground text-[11px] uppercase">
{t('cloud.card.rateLimited')} {t('cloud.card.rateLimited')}
</div> </div>
@@ -690,7 +690,7 @@ export function CloudAccountList() {
</div> </div>
{/* Global Quota */} {/* Global Quota */}
{overallQuotaPercentage !== null && ( {overallQuotaPercentage !== null && (
<div className="bg-muted/50 rounded-md border px-3 py-2"> <div className="bg-muted/10 rounded-md border border-white/5 px-3 py-2">
<div className="text-muted-foreground text-[11px] uppercase"> <div className="text-muted-foreground text-[11px] uppercase">
{t('cloud.globalQuota')} {t('cloud.globalQuota')}
</div> </div>