mirror of
https://github.com/smartyellow/status.git
synced 2025-01-18 21:47:58 +00:00
31 lines
532 B
Svelte
31 lines
532 B
Svelte
<script>
|
|
import Tile from './tile.svelte';
|
|
|
|
export let title;
|
|
export let subtitle;
|
|
export let color;
|
|
export let value;
|
|
export let date;
|
|
export let since;
|
|
export let center = false;
|
|
export let weight = 600;
|
|
</script>
|
|
|
|
<Tile {title} {subtitle} {color} {date} {since} {center}>
|
|
<div class="value {color}" style:font-weight={weight} class:center>
|
|
{value}
|
|
</div>
|
|
</Tile>
|
|
|
|
<style>
|
|
.value {
|
|
font-size: 3vw;
|
|
font-weight: 600;
|
|
margin-top: auto;
|
|
}
|
|
|
|
.value.center {
|
|
margin: auto 0;
|
|
}
|
|
</style>
|