shopfloor dashboard: Verdana font + full left-edge type-color bar
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:
@@ -5,9 +5,6 @@ import App from './App.vue'
|
||||
|
||||
// Locally-bundled Inter (air-gap safe, no Google Fonts fetch)
|
||||
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
|
||||
import './stores/theme'
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user