romfast/gomag-vending
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(design): FINDING-001 — mobile segmented control uses amber accent

Browse Source 
Mobile segmented filter buttons used Bootstrap btn-primary (blue) for
active state. Per DESIGN.md two-accent system, state indicators use
amber. Added .seg-active class with --accent color.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Claude Agent
2026-03-27 11:52:15 +00:00
parent a8292c2ef2
commit aacca13b85
3 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
api/app/static/css/style.css
View File

@@ -849,6 +849,11 @@ tr.mapping-deleted td {
/* ── Mobile segmented control (hidden on desktop) ── */
.mobile-seg { display: none; }
.seg-active {
background: var(--accent) !important;
border-color: var(--accent) !important;
color: #fff !important;
}
/* ── Bottom nav (mobile) ─────────────────────────── */
.bottom-nav {