ckaczor/HomeMonitor
1
0
Fork 0
mirror of https://github.com/ckaczor/HomeMonitor.git synced 2026-02-16 10:58:32 -05:00
Code Issues 9 Packages Projects Releases Wiki Activity

Add excerpt display for national days

Browse Source
This commit is contained in:
Chris Kaczor
2024-12-21 23:26:28 +00:00
parent d069167f59
commit 64f794b1b0
3 changed files with 58 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
WebDisplay/src/pages/kiosk.vue
View File

@@ -58,7 +58,7 @@
<div
class="kiosk-temperature text-center pb-3"
v-if="weatherStore.current">
{{ weatherStore.current?.Temperature?.toFixed(0) + '°F' }}
{{ weatherStore.current?.Temperature?.toFixed(0) + '°' }}
</div>
<div
class="kiosk-humidity text-center pb-3"
@@ -201,16 +201,17 @@
.kiosk-content {
height: 100%;
max-height: 100vh;
max-height: calc(100vh - 30px);
padding: 10px;
gap: 10px;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, auto);
grid-template-rows: repeat(4, 25%);
grid-auto-flow: row;
grid-template-areas:
'kiosk-calendar kiosk-national-days kiosk-national-days'
'kiosk-calendar . .'
'kiosk-calendar . .'
'kiosk-calendar . .';
}
@@ -225,12 +226,12 @@
}
.kiosk-temperature {
font-size: 2.8rem;
font-size: 2.9rem;
grid-area: kiosk-temperature;
}
.kiosk-humidity {
font-size: 2.8rem;
font-size: 2.9rem;
grid-area: kiosk-humidity;
}