diff options
Diffstat (limited to 'fe/src/lib/Card.svelte')
-rw-r--r-- | fe/src/lib/Card.svelte | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/fe/src/lib/Card.svelte b/fe/src/lib/Card.svelte new file mode 100644 index 0000000..feb5bcc --- /dev/null +++ b/fe/src/lib/Card.svelte | |||
@@ -0,0 +1,22 @@ | |||
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 | width: 16rem; | ||
16 | display: flex; | ||
17 | flex-direction: column; | ||
18 | align-items: left; | ||
19 | border: solid 2px #00000066; | ||
20 | border-radius: 0.25em; | ||
21 | } | ||
22 | </style> | ||