gsadmin/sencho
1
0
Fork 0
mirror of https://github.com/Studio-Saelix/sencho.git synced 2026-08-08 01:43:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: reduce masthead rail opacity to match login page pattern

Browse Source 
Changed all MastheadRail background classes from 100% to 70% opacity
(bg-brand → bg-brand/70, etc.) so the shimmer highlight reads as a surface
reflection rather than a detached floating bar. Matches the AuthCanvas
login card precedent.
This commit is contained in:
SaelixCode
2026-07-02 12:13:25 -04:00
parent 715cc88362
commit d42a30967d
3 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/dashboard/HealthStatusBar.tsx
+3 -3
View File
@@ -20,19 +20,19 @@ const healthConfig: Record<HealthLevel, { label: string; textClass: string; rail
healthy: {
label: 'Healthy',
textClass: 'text-stat-value',
railClass: 'bg-brand',
railClass: 'bg-brand/70',
tintClass: 'from-brand/[0.06] via-transparent to-transparent',
},
degraded: {
label: 'Degraded',
textClass: 'text-warning',
railClass: 'bg-warning',
railClass: 'bg-warning/70',
tintClass: 'from-warning/[0.06] via-transparent to-transparent',
},
critical: {
label: 'Critical',
textClass: 'text-destructive',
railClass: 'bg-destructive',
railClass: 'bg-destructive/70',
tintClass: 'from-destructive/[0.06] via-transparent to-transparent',
},
};
frontend/src/components/fleet/FleetMasthead.tsx
+3 -3
View File
@@ -42,19 +42,19 @@ const healthConfig: Record<FleetHealth, { label: string; textClass: string; rail
healthy: {
label: 'The fleet',
textClass: 'text-stat-value',
railClass: 'bg-brand',
railClass: 'bg-brand/70',
tintClass: 'from-brand/[0.06] via-transparent to-transparent',
},
degraded: {
label: 'The fleet',
textClass: 'text-warning',
railClass: 'bg-warning',
railClass: 'bg-warning/70',
tintClass: 'from-warning/[0.06] via-transparent to-transparent',
},
critical: {
label: 'The fleet',
textClass: 'text-destructive',
railClass: 'bg-destructive',
railClass: 'bg-destructive/70',
tintClass: 'from-destructive/[0.06] via-transparent to-transparent',
},
};
frontend/src/components/ui/PageMasthead.tsx
+4 -4
View File
@@ -36,22 +36,22 @@ const toneConfig: Record<MastheadTone, {
tintClass: string;
}> = {
live: {
railClass: 'bg-brand',
railClass: 'bg-brand/70',
stateTextClass: 'text-stat-value',
tintClass: 'from-brand/[0.06] via-transparent to-transparent',
},
idle: {
railClass: 'bg-stat-subtitle',
railClass: 'bg-stat-subtitle/70',
stateTextClass: 'text-stat-title',
tintClass: 'from-transparent via-transparent to-transparent',
},
warn: {
railClass: 'bg-warning',
railClass: 'bg-warning/70',
stateTextClass: 'text-warning',
tintClass: 'from-warning/[0.06] via-transparent to-transparent',
},
error: {
railClass: 'bg-destructive',
railClass: 'bg-destructive/70',
stateTextClass: 'text-destructive',
tintClass: 'from-destructive/[0.06] via-transparent to-transparent',
},