refactor(admin): migrate section cards onto the shared card primitives

The admin tree hand-rolled its card surfaces and stepped padding at sm:
instead of md:, so it read denser than every other route on a tablet.
Move the sections onto SettingsCard/SettingsCardHeader and the mini-rows
onto ListRow; no behaviour, data, or copy changes.
This commit is contained in:
Marc-André Bombeck committed 2026-07-01 23:44:55 +02:00
1 parent c6dea5eb56
commit 86d80d2c04
23 files changed
+200 -183

No files matched your search

@@ -25,6 +25,7 @@ import {
} from "lucide-react";
import { useQuery } from "@tanstack/react-query";
import { formatDateTime } from "@/lib/format";
import { SettingsCard } from "@/components/settings/settings-card";
import { SettingsCardHeader } from "@/components/settings/_card-header";
import { useTranslations } from "@/lib/i18n/context";
import { queryKeys } from "@/lib/query-keys";
@@ -82,10 +83,7 @@ export function VersionTileSection() {
const sha = shortSha(version?.buildSha ?? null);
return (
<section
aria-labelledby="admin-overview-version-heading"
className="bg-card border-border rounded-xl border p-4 sm:p-6"
>
<SettingsCard as="section" aria-labelledby="admin-overview-version-heading">
<SettingsCardHeader
icon={Tag}
titleId="admin-overview-version-heading"
@@ -133,6 +131,6 @@ export function VersionTileSection() {
value={version?.builtAt ? formatDateTime(version.builtAt) : "—"}
/>
</div>
</section>
</SettingsCard>
);
}