c-fu/arah2
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(shell): card body padding — text sat at card edges (device-gate feedback)

Browse Source
This commit is contained in:
araharah-executor
2026-10-24 04:12:19 +08:00
parent 70e586fd7e
commit 9ae2059432
1 changed files with 12 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/shell.css
+12
View File
@@ -67,6 +67,18 @@ main { position: fixed; inset: 0; }
.card .gantry[data-fill="on"] { background: var(--color-signal-orange); } .card .gantry[data-fill="on"] { background: var(--color-signal-orange); }
.card-actions { display: flex; gap: var(--spacing-space-sm); padding-top: var(--spacing-space-sm); } .card-actions { display: flex; gap: var(--spacing-space-sm); padding-top: var(--spacing-space-sm); }
/* Device-gate feedback (2026-10-24): shell cards place text elements as direct
.card children — the theme's .card carries no body padding of its own, so
text sat at the card edges. Token-only inline padding on direct children;
the header plate keeps its own. */
.card > .text-headline-md,
.card > .text-body-md,
.card > .text-body-sm { padding-inline: var(--spacing-space-md); }
.card > .text-headline-md { padding-top: var(--spacing-space-sm); }
.card > .text-body-sm:last-child { padding-bottom: var(--spacing-space-sm); }
.card > .card-actions { padding-inline: var(--spacing-space-md); padding-bottom: var(--spacing-space-sm); }
.card > .card-header + .text-headline-md { padding-top: var(--spacing-space-xs); }
/* bottom register: recenter control (40x40 plate, >=44x44 hit target) */ /* bottom register: recenter control (40x40 plate, >=44x44 hit target) */
.recenter { .recenter {
position: absolute; right: var(--spacing-margin); bottom: calc(var(--safe-bottom, 0px) + var(--spacing-space-sm)); position: absolute; right: var(--spacing-margin); bottom: calc(var(--safe-bottom, 0px) + var(--spacing-space-sm));