ge-aerospace/shopdb-flask
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

shopfloor dashboard: Verdana font + full left-edge type-color bar

Browse Source 
Switch the dashboard to Verdana (system font on the Windows kiosks - built for
on-screen distance reading, zero bundle) and drop the Archivo package. Restyle
the event card's type-color indicator to span the whole left edge of the card
(old-site style) instead of a small pill.
This commit is contained in:
cproudlock
2026-07-20 16:01:58 -04:00
parent eb1c46c053
commit b05fa33278
4 changed files with 10 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/src/views/ShopfloorDashboard.vue
View File

@@ -448,7 +448,7 @@ function handlePhotoError(e) {
position: relative;
background: #00003d;
color: #fff;
font-family: 'Archivo Variable', 'Inter Variable', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
font-family: Verdana, Geneva, Tahoma, 'Inter Variable', sans-serif;
overflow: hidden;
}
@@ -730,12 +730,14 @@ function handlePhotoError(e) {
}
.event-card {
position: relative;
overflow: hidden;
display: flex;
align-items: center;
background: #fff;
color: #00003d;
border-radius: 8px;
padding: 15px 20px;
padding: 15px 20px 15px 30px;
gap: 15px;
}
@@ -745,9 +747,12 @@ function handlePhotoError(e) {
}
.event-indicator {
width: 8px;
height: 60px;
border-radius: 4px;
/* Type color spanning the whole left edge of the card (old-site style). */
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 12px;
flex-shrink: 0;
}