fix visual regressions in admin CSS refactor
Five missing line-height values caused pixel shifts when Tailwind utilities (text-sm, text-lg, text-xs) were replaced with semantic classes that only set font-size. Also remove phantom padding-bottom on .admin-header (the old pb-4 utility was never defined). Fixes: .admin-header, .admin-header-subtitle, .admin-error, .admin-brand, .admin-text-secondary Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -226,7 +226,7 @@
|
||||
/* ── Page header ── */
|
||||
|
||||
.admin-header {
|
||||
padding-bottom: 1rem;
|
||||
/* pb-4 was never defined in utilities — no padding in original */
|
||||
}
|
||||
|
||||
.admin-header-with-actions {
|
||||
@@ -244,6 +244,7 @@
|
||||
|
||||
.admin-header-subtitle {
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.25rem;
|
||||
color: color-mix(in oklch, var(--t-text-primary) 70%, transparent);
|
||||
}
|
||||
|
||||
@@ -827,6 +828,7 @@
|
||||
gap: 0.5rem;
|
||||
margin-top: 0.375rem;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.25rem;
|
||||
color: var(--t-status-error);
|
||||
}
|
||||
|
||||
@@ -3165,6 +3167,7 @@
|
||||
/* Brand wordmark in sidebar */
|
||||
.admin-brand {
|
||||
font-size: 1.125rem;
|
||||
line-height: 1.75rem;
|
||||
font-weight: 700;
|
||||
letter-spacing: -0.025em;
|
||||
}
|
||||
@@ -3172,6 +3175,7 @@
|
||||
/* Secondary text for user email, help text, meta info */
|
||||
.admin-text-secondary {
|
||||
font-size: 0.75rem;
|
||||
line-height: 1rem;
|
||||
color: color-mix(in oklch, var(--t-text-primary) 60%, transparent);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user