Add label for temperature mode

This commit is contained in:
2024-12-22 00:16:36 +00:00
parent 04a1bacb2b
commit 6c00cf12e1

View File

@@ -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;
} }