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

9
frontend/package-lock.json generated
View File

@@ -8,7 +8,6 @@
"name": "shopdb-frontend", "name": "shopdb-frontend",
"version": "0.7.0", "version": "0.7.0",
"dependencies": { "dependencies": {
"@fontsource-variable/archivo": "^5.3.0",
"@fontsource-variable/inter": "^5.2.8", "@fontsource-variable/inter": "^5.2.8",
"@fullcalendar/core": "^6.1.20", "@fullcalendar/core": "^6.1.20",
"@fullcalendar/daygrid": "^6.1.20", "@fullcalendar/daygrid": "^6.1.20",
@@ -650,14 +649,6 @@
"node": ">=18" "node": ">=18"
} }
}, },
"node_modules/@fontsource-variable/archivo": {
"version": "5.3.0",
"resolved": "https://registry.npmjs.org/@fontsource-variable/archivo/-/archivo-5.3.0.tgz",
"integrity": "sha512-HogK8FJelrD1o7TlZlkIVtHgc20bO5PZRWE7mUeUTdMN055alznQV6/00J00IBeu8FQAH4s3zW9UJNvKExXf+g==",
"funding": {
"url": "https://github.com/sponsors/ayuhito"
}
},
"node_modules/@fontsource-variable/inter": { "node_modules/@fontsource-variable/inter": {
"version": "5.2.8", "version": "5.2.8",
"resolved": "https://registry.npmjs.org/@fontsource-variable/inter/-/inter-5.2.8.tgz", "resolved": "https://registry.npmjs.org/@fontsource-variable/inter/-/inter-5.2.8.tgz",

1
frontend/package.json
View File

@@ -15,7 +15,6 @@
"test:watch": "vitest" "test:watch": "vitest"
}, },
"dependencies": { "dependencies": {
"@fontsource-variable/archivo": "^5.3.0",
"@fontsource-variable/inter": "^5.2.8", "@fontsource-variable/inter": "^5.2.8",
"@fullcalendar/core": "^6.1.20", "@fullcalendar/core": "^6.1.20",
"@fullcalendar/daygrid": "^6.1.20", "@fullcalendar/daygrid": "^6.1.20",

3
frontend/src/main.js
View File

@@ -5,9 +5,6 @@ import App from './App.vue'
// Locally-bundled Inter (air-gap safe, no Google Fonts fetch) // Locally-bundled Inter (air-gap safe, no Google Fonts fetch)
import '@fontsource-variable/inter' import '@fontsource-variable/inter'
// Archivo: display/signage font used on the shopfloor dashboard for
// distance readability on TVs (air-gap safe, bundled).
import '@fontsource-variable/archivo'
// Initialize theme on app load // Initialize theme on app load
import './stores/theme' import './stores/theme'

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

@@ -448,7 +448,7 @@ function handlePhotoError(e) {
position: relative; position: relative;
background: #00003d; background: #00003d;
color: #fff; 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; overflow: hidden;
} }
@@ -730,12 +730,14 @@ function handlePhotoError(e) {
} }
.event-card { .event-card {
position: relative;
overflow: hidden;
display: flex; display: flex;
align-items: center; align-items: center;
background: #fff; background: #fff;
color: #00003d; color: #00003d;
border-radius: 8px; border-radius: 8px;
padding: 15px 20px; padding: 15px 20px 15px 30px;
gap: 15px; gap: 15px;
} }
@@ -745,9 +747,12 @@ function handlePhotoError(e) {
} }
.event-indicator { .event-indicator {
width: 8px; /* Type color spanning the whole left edge of the card (old-site style). */
height: 60px; position: absolute;
border-radius: 4px; left: 0;
top: 0;
bottom: 0;
width: 12px;
flex-shrink: 0; flex-shrink: 0;
} }