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

shopfloor dashboard: bigger text for distance + footer at bottom

Browse Source 
Shrink the fit surface to 16:9 1600x900 so the fit-scaler upscales the whole
board ~1.2x (more readable from across the shop) and it fills a 1080p TV exactly.
Footer was position:fixed inside a transformed ancestor so it floated at the
content bottom; make it in-flow with margin-top:auto (flex column) so it pins to
the bottom of the surface = the screen bottom.
This commit is contained in:
cproudlock
2026-07-20 15:16:26 -04:00
parent 482d6d4bfe
commit 0dc4dba265
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -458,7 +458,10 @@ function handlePhotoError(e) {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
width: 1920px; width: 1600px;
min-height: 900px;
display: flex;
flex-direction: column;
transform-origin: top left; transform-origin: top left;
} }
@@ -786,13 +789,10 @@ function handlePhotoError(e) {
} }
.dashboard-footer { .dashboard-footer {
position: fixed; margin-top: auto;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.8); background: rgba(0, 0, 0, 0.8);
text-align: center; text-align: center;
padding: 12px; padding: 12px;
font-size: 16px; font-size: 18px;
} }
</style> </style>