chore(dashboard): apply the tap-target floor across the dashboard tile and onboarding chrome

Lift the GLP-1 tile range strip + tab pills, the getting-started
checklist dismiss buttons, and the settings reorder + source-ladder
arrow buttons so every interactive element clears the 44 px WCAG
2.5.5 floor.

- `glp1-tile.tsx`: range-strip radio buttons gain `inline-flex
  min-h-11 items-center justify-center px-3` so each preset sits at
  44 px; the tab pills (level / weight) lift the same way.
- `getting-started-checklist.tsx`: dismiss-all CTA drops `size="sm"`
  so it sits at the default 40 px primitive height; per-row dismiss
  `X` button wraps in `inline-flex h-11 w-11`.
- `dashboard-layout-section.tsx`: reorder up + down arrows `h-5 w-5`
  → `size-11`; column-header spacer widens to `w-11` to keep the
  layout grid aligned.
- `sources-section.tsx`: metric source ladder + device-type ladder
  up/down arrows stack vertically on `<sm` so each button keeps the
  `h-11 w-11` floor without crowding the row; sit side-by-side again
  from `sm:` up to preserve the desktop layout.
This commit is contained in:
Marc-André Bombeck committed 2026-05-15 18:45:08 +02:00
1 parent 1ca7022538
commit 17aed374eb
4 files changed
+69 -59

No files matched your search

+2 -2
View File
@@ -374,7 +374,7 @@ export function Glp1Tile() {
title={t(preset.titleKey)}
onClick={() => setRangePoints(preset.points)}
className={cn(
"rounded px-1.5 py-0.5 font-medium tabular-nums",
"inline-flex min-h-11 items-center justify-center rounded px-3 font-medium tabular-nums",
"hover:text-foreground focus-visible:ring-ring/50 focus-visible:ring-2 focus-visible:outline-none",
rangePoints === preset.points
? "bg-card text-foreground shadow-sm"
@@ -455,7 +455,7 @@ function TabButton({
data-active={active ? "true" : "false"}
onClick={onClick}
className={cn(
"rounded px-2 py-1 text-xs font-medium",
"inline-flex min-h-11 items-center justify-center rounded px-3 text-xs font-medium",
"focus-visible:ring-ring/50 focus-visible:ring-2 focus-visible:outline-none",
active
? "bg-card text-foreground shadow-sm"