mirror of
https://github.com/smartyellow/status.git
synced 2025-01-18 21:47:58 +00:00
42 lines
586 B
Svelte
42 lines
586 B
Svelte
<script>
|
|
export let title;
|
|
export let subtitle;
|
|
</script>
|
|
|
|
<div class="tile">
|
|
{#if title || subtitle}
|
|
<div class="desc">
|
|
{#if title}
|
|
<div class="title">{title}</div>
|
|
{/if}
|
|
|
|
{#if subtitle}
|
|
<div class="subtitle">{subtitle}</div>
|
|
{/if}
|
|
</div>
|
|
{/if}
|
|
|
|
<slot />
|
|
</div>
|
|
|
|
<style>
|
|
.desc {
|
|
font-size: 1.3rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.tile {
|
|
padding: 1rem;
|
|
background-color: var(--tile-bg);
|
|
border-radius: var(--radius);
|
|
}
|
|
|
|
.title {
|
|
font-weight: 200;
|
|
}
|
|
|
|
.subtitle {
|
|
font-weight: 100;
|
|
}
|
|
</style>
|