diff options
Diffstat (limited to 'fe/src/lib/Card.svelte')
-rw-r--r-- | fe/src/lib/Card.svelte | 23 |
1 files changed, 23 insertions, 0 deletions
diff --git a/fe/src/lib/Card.svelte b/fe/src/lib/Card.svelte new file mode 100644 index 0000000..cd1e02c --- /dev/null +++ b/fe/src/lib/Card.svelte | |||
@@ -0,0 +1,23 @@ | |||
1 | <script lang="ts"> | ||
2 | export let title = ""; | ||
3 | </script> | ||
4 | |||
5 | <div class="card"> | ||
6 | {#if title} | ||
7 | <h2>{title}</h2> | ||
8 | {/if} | ||
9 | <slot /> | ||
10 | </div> | ||
11 | |||
12 | <style> | ||
13 | .card { | ||
14 | background: #fff; | ||
15 | display: flex; | ||
16 | flex-direction: column; | ||
17 | align-items: flex-start; | ||
18 | border: solid 2px #00000066; | ||
19 | border-radius: 0.25em; | ||
20 | height: var(--height, fit-content); | ||
21 | overflow-y: var(--overflow, initial); | ||
22 | } | ||
23 | </style> | ||