Refactor: Center stats and remove redundant text

This commit is contained in:
gpt-engineer-app[bot]
2025-09-30 17:28:25 +00:00
parent f0af697309
commit d56e142247

View File

@@ -83,47 +83,38 @@ export default function Admin() {
<div className="grid grid-cols-3 gap-3 md:gap-6 mb-8"> <div className="grid grid-cols-3 gap-3 md:gap-6 mb-8">
<Card> <Card>
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2"> <CardHeader className="flex flex-col items-center justify-center space-y-0 pb-2 text-center">
<FileText className="h-4 w-4 text-muted-foreground mb-2" />
<CardTitle className="text-sm font-medium">Pending Submissions</CardTitle> <CardTitle className="text-sm font-medium">Pending Submissions</CardTitle>
<FileText className="h-4 w-4 text-muted-foreground" />
</CardHeader> </CardHeader>
<CardContent> <CardContent className="text-center">
<div className="text-2xl font-bold"> <div className="text-2xl font-bold">
{realtimeStats.pendingSubmissions} {realtimeStats.pendingSubmissions}
</div> </div>
<p className="text-xs text-muted-foreground">
Content submissions awaiting moderation
</p>
</CardContent> </CardContent>
</Card> </Card>
<Card> <Card>
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2"> <CardHeader className="flex flex-col items-center justify-center space-y-0 pb-2 text-center">
<Flag className="h-4 w-4 text-muted-foreground mb-2" />
<CardTitle className="text-sm font-medium">Open Reports</CardTitle> <CardTitle className="text-sm font-medium">Open Reports</CardTitle>
<Flag className="h-4 w-4 text-muted-foreground" />
</CardHeader> </CardHeader>
<CardContent> <CardContent className="text-center">
<div className="text-2xl font-bold"> <div className="text-2xl font-bold">
{realtimeStats.openReports} {realtimeStats.openReports}
</div> </div>
<p className="text-xs text-muted-foreground">
User reports to review
</p>
</CardContent> </CardContent>
</Card> </Card>
<Card> <Card>
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2"> <CardHeader className="flex flex-col items-center justify-center space-y-0 pb-2 text-center">
<AlertCircle className="h-4 w-4 text-muted-foreground mb-2" />
<CardTitle className="text-sm font-medium">Flagged Content</CardTitle> <CardTitle className="text-sm font-medium">Flagged Content</CardTitle>
<AlertCircle className="h-4 w-4 text-muted-foreground" />
</CardHeader> </CardHeader>
<CardContent> <CardContent className="text-center">
<div className="text-2xl font-bold"> <div className="text-2xl font-bold">
{realtimeStats.flaggedContent} {realtimeStats.flaggedContent}
</div> </div>
<p className="text-xs text-muted-foreground">
Auto-flagged items
</p>
</CardContent> </CardContent>
</Card> </Card>
</div> </div>