Files
hivemonitor/src/lib/components/displays/TemperatureDisplay.svelte
Kevin ec25b22567 Feat: UI Elements (#1)
* adds a bunch of ui components with mock data

* build docker image with yarn.lock & yarn instead of npm

* easier to add topics, build options smarter from ENV vars

* fallback to index.html on all requests for SPA

* updates w/ black/white support, better mobile styling

* adds test components to home & dashboard pages

* adds chart.js dependency

* mqtt payload examples

* lint

* drone ci config

* eslint fixes
2025-02-09 22:50:57 +01:00

21 lines
533 B
Svelte

<script lang="ts">
import Display from '$lib/components/Display.svelte';
import ThermometerIcon from '$lib/icons/thermometer.svelte';
import { formatTemperature } from '$lib/telemetryFormatters';
export let temperature: string | undefined = undefined;
export let change: string | null = '';
</script>
<Display>
<ThermometerIcon slot="icon" />
<span slot="title">Temperature</span>
<span slot="value">{formatTemperature(temperature)}°C</span>
<span slot="change">{change}</span>
</Display>
<style lang="scss">
</style>