mirror of
https://github.com/MBombeck/HealthLog.git
synced 2026-11-15 15:02:04 +00:00
fix(ui): close remaining consistency-audit findings
Sweeps the banned gap-5/space-y-5/pl-5 spacing residue the audit found scattered across coach pages, settings coach cards, the labs/records/ custom-metrics form family, onboarding, and a handful of one-off surfaces (glucose panel, clinician view, illness correlation card, invite-tokens, the mental-health check-in wizard including its stray sm:p-6 shell steps) down onto the 4/6 scale. Two medication chart colours (dose-strength-curve, drug-level-chart) painted raw --dracula-purple with no light-theme override; both now read --chart-1, the same alias the mood-chart fix already established. Raises ~40 sub-text-xs muted-prose sites below the UI-STANDARDS §3/§5 floor (settings API/MCP/sharing/coach-prefs cards, insights workout detail, suggested prompts, tab-strip group popovers, sources rail, metric-stat-strip, the health-score provisional pill) to text-xs, leaving genuine tabular-nums Badges untouched — the one exemption the standard carries. Routes the 10 hand-rolled settings/insights "no data yet" paragraphs (coach memory, coach reminders, security sessions/activity/keys, API tokens, sharing, insights pill order, per-metric overrides, nutrient intake) through the shared EmptyState primitive instead of a bare muted <p>, so they read the same, centered, icon-ready shape every other empty list in the app already uses. The notification-status card's empty copy stays on SettingsCardHeader's description slot — converting it would mean restructuring the card, not routing it.
This commit is contained in:
1 parent
a2f926576e
commit
3a45fcc3bd
40 files changed
+135
-110
No files matched your search
@@ -25,6 +25,7 @@ import {
|
||||
} from "@/components/ui/alert-dialog";
|
||||
import { Button } from "@/components/ui/button";
|
||||
import { Input } from "@/components/ui/input";
|
||||
import { EmptyState } from "@/components/ui/empty-state";
|
||||
import { SettingsCard } from "@/components/settings/settings-card";
|
||||
import { SettingsCardHeader } from "@/components/settings/_card-header";
|
||||
import { useTranslations } from "@/lib/i18n/context";
|
||||
@@ -138,9 +139,11 @@ export function SecurityKeysCard({ keys }: { keys: WebauthnKeyInfo[] }) {
|
||||
|
||||
<div className="mt-4">
|
||||
{keys.length === 0 ? (
|
||||
<p className="text-muted-foreground text-sm">
|
||||
{t("settings.security.keys.empty")}
|
||||
</p>
|
||||
<EmptyState
|
||||
variant="plain"
|
||||
size="compact"
|
||||
title={t("settings.security.keys.empty")}
|
||||
/>
|
||||
) : (
|
||||
<ul className="space-y-2" data-testid="security-keys-list">
|
||||
{keys.map((key) => (
|
||||
|
||||
Reference in new issue
Block a user