mirror of
https://github.com/ckaczor/HomeMonitor.git
synced 2026-01-13 17:22:54 -05:00
Add label for temperature mode
This commit is contained in:
@@ -82,7 +82,10 @@
|
|||||||
:class="getTemperatureClass()"
|
:class="getTemperatureClass()"
|
||||||
@click="showFeelsLike = !showFeelsLike"
|
@click="showFeelsLike = !showFeelsLike"
|
||||||
v-if="weatherStore.current">
|
v-if="weatherStore.current">
|
||||||
{{ getTemperature() }}
|
<div class="temperature">
|
||||||
|
<span class="temperature-value">{{ getTemperature() }}</span>
|
||||||
|
<span class="temperature-label">{{ showFeelsLike ? 'Feels Like' : 'Actual' }}</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="kiosk-humidity text-center pb-3"
|
class="kiosk-humidity text-center pb-3"
|
||||||
@@ -320,6 +323,19 @@
|
|||||||
color: #208b20;
|
color: #208b20;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.temperature {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.temperature-value {
|
||||||
|
height: calc(1em + 10px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.temperature-label {
|
||||||
|
font-size: 10pt;
|
||||||
|
}
|
||||||
|
|
||||||
.temperature-wind-chill {
|
.temperature-wind-chill {
|
||||||
color: #4d4dff;
|
color: #4d4dff;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user