mirror of
https://github.com/smartyellow/status.git
synced 2025-01-19 05:57:58 +00:00
30 lines
379 B
Svelte
30 lines
379 B
Svelte
|
<script>
|
||
|
import Tile from './tile.svelte';
|
||
|
|
||
|
export let title;
|
||
|
export let subtitle;
|
||
|
export let color;
|
||
|
export let value;
|
||
|
</script>
|
||
|
|
||
|
<Tile {title} {subtitle}>
|
||
|
<div class="value {color}">
|
||
|
{value}
|
||
|
</div>
|
||
|
</Tile>
|
||
|
|
||
|
<style>
|
||
|
.value {
|
||
|
font-size: 3rem;
|
||
|
font-weight: 600;
|
||
|
}
|
||
|
|
||
|
.red {
|
||
|
color: var(--red);
|
||
|
}
|
||
|
|
||
|
.green {
|
||
|
color: var(--green);
|
||
|
}
|
||
|
</style>
|