highperfocused/grimoire
1
0
Fork 0
mirror of https://github.com/purrgrammer/grimoire.git synced 2026-04-11 16:07:15 +02:00
Code Issues Packages Projects Releases Wiki Activity

Reduce padding and sizing in COUNT single result view

Browse Source
This commit is contained in:
Claude
2026-01-15 15:10:13 +00:00
parent 391a35193d
commit 5b4b4fc9ed
1 changed files with 13 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/CountViewer.tsx
View File

@@ -244,34 +244,36 @@ function RelayResultRow({ result }: { result: RelayCountResult }) {
function SingleRelayResult({ result }: { result: RelayCountResult }) {
if (result.status === "loading") {
return (
<div className="flex flex-col items-center justify-center py-16 gap-4">
<Loader2 className="size-8 animate-spin text-muted-foreground" />
<p className="text-muted-foreground">Counting events...</p>
<div className="flex flex-col items-center justify-center py-6 gap-2">
<Loader2 className="size-5 animate-spin text-muted-foreground" />
<p className="text-sm text-muted-foreground">Counting events...</p>
</div>
);
}
if (result.status === "unsupported") {
return (
<div className="flex flex-col items-center justify-center py-16 gap-4">
<Ban className="size-8 text-yellow-500" />
<p className="text-yellow-600 dark:text-yellow-400">{result.error}</p>
<div className="flex flex-col items-center justify-center py-6 gap-2">
<Ban className="size-5 text-yellow-500" />
<p className="text-sm text-yellow-600 dark:text-yellow-400">
{result.error}
</p>
</div>
);
}
if (result.status === "error") {
return (
<div className="flex flex-col items-center justify-center py-16 gap-4">
<AlertCircle className="size-8 text-destructive" />
<p className="text-destructive">{result.error}</p>
<div className="flex flex-col items-center justify-center py-6 gap-2">
<AlertCircle className="size-5 text-destructive" />
<p className="text-sm text-destructive">{result.error}</p>
</div>
);
}
return (
<div className="flex flex-col items-center justify-center py-16">
<span className="font-mono text-5xl font-bold tabular-nums">
<div className="flex flex-col items-center justify-center py-6">
<span className="font-mono text-3xl font-bold tabular-nums">
{result.count?.toLocaleString()}
</span>
</div>