ckaczor/HomeMonitor
1
0
Fork 0
mirror of https://github.com/ckaczor/HomeMonitor.git synced 2026-01-13 17:22:54 -05:00
Code Issues Packages Projects Releases Wiki Activity

Change icon coloring

Browse Source
This commit is contained in:
Chris Kaczor
2024-12-19 14:07:28 +00:00
parent 87969ffe60
commit 5e216867c1
1 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -127,7 +127,7 @@
<div <div
class="kiosk-washer text-center pt-4" class="kiosk-washer text-center pt-4"
v-if="laundryStore?.current?.washer !== undefined" v-if="laundryStore?.current?.washer !== undefined"
:class="laundryStore.current.washer.toString()"> :class="laundryStore.current.washer ? 'warning' : 'normal'">
<v-icon <v-icon
class="kiosk-device-icon" class="kiosk-device-icon"
icon="mdi-washing-machine" /> icon="mdi-washing-machine" />
@@ -138,7 +138,7 @@
<div <div
class="kiosk-dryer text-center pt-4" class="kiosk-dryer text-center pt-4"
v-if="laundryStore?.current?.dryer !== undefined" v-if="laundryStore?.current?.dryer !== undefined"
:class="laundryStore.current.dryer.toString()"> :class="laundryStore.current.dryer ? 'warning' : 'normal'">
<v-icon <v-icon
class="kiosk-device-icon" class="kiosk-device-icon"
icon="mdi-tumble-dryer" /> icon="mdi-tumble-dryer" />
@@ -149,7 +149,8 @@
<div <div
class="kiosk-garage-door text-center pt-4" class="kiosk-garage-door text-center pt-4"
v-if="homeAssistantStore?.garageState" v-if="homeAssistantStore?.garageState"
v-on:click="homeAssistantStore.toggleGarage()"> v-on:click="homeAssistantStore.toggleGarage()"
:class="homeAssistantStore.garageState === 'closed' ? 'normal' : 'warning'">
<v-icon <v-icon
class="kiosk-device-icon" class="kiosk-device-icon"
:icon="homeAssistantStore.garageState === 'closed' ? 'mdi-garage' : 'mdi-garage-open'" /> :icon="homeAssistantStore.garageState === 'closed' ? 'mdi-garage' : 'mdi-garage-open'" />
@@ -159,7 +160,8 @@
</div> </div>
<div <div
class="kiosk-house-alarm text-center pt-4" class="kiosk-house-alarm text-center pt-4"
v-if="homeAssistantStore?.houseAlarmState"> v-if="homeAssistantStore?.houseAlarmState"
:class="homeAssistantStore.houseAlarmState === 'disarmed' ? 'normal' : 'warning'">
<v-icon <v-icon
class="kiosk-device-icon" class="kiosk-device-icon"
icon="mdi-shield-home" /> icon="mdi-shield-home" />
@@ -353,11 +355,11 @@
padding-bottom: 2px; padding-bottom: 2px;
} }
.true { .warning {
color: #d09f27; color: #d09f27;
} }
.false { .normal {
color: #208b20; color: #208b20;
} }
</style> </style>