diff options
Diffstat (limited to 'fe/src/lib/Card.svelte')
-rw-r--r-- | fe/src/lib/Card.svelte | 14 |
1 files changed, 7 insertions, 7 deletions
diff --git a/fe/src/lib/Card.svelte b/fe/src/lib/Card.svelte index feb5bcc..0835940 100644 --- a/fe/src/lib/Card.svelte +++ b/fe/src/lib/Card.svelte | |||
@@ -1,16 +1,16 @@ | |||
1 | <script lang="ts"> | 1 | <script lang="ts"> |
2 | export let title; | 2 | export let title = ""; |
3 | </script> | 3 | </script> |
4 | 4 | ||
5 | <div class="card"> | 5 | <div class="card"> |
6 | {#if title} | 6 | {#if title} |
7 | <h2>{title}</h2> | 7 | <h2>{title}</h2> |
8 | {/if} | 8 | {/if} |
9 | <slot /> | 9 | <slot /> |
10 | </div> | 10 | </div> |
11 | 11 | ||
12 | <style> | 12 | <style> |
13 | .card { | 13 | .card { |
14 | background: #fff; | 14 | background: #fff; |
15 | width: 16rem; | 15 | width: 16rem; |
16 | display: flex; | 16 | display: flex; |
@@ -18,5 +18,5 @@ export let title; | |||
18 | align-items: left; | 18 | align-items: left; |
19 | border: solid 2px #00000066; | 19 | border: solid 2px #00000066; |
20 | border-radius: 0.25em; | 20 | border-radius: 0.25em; |
21 | } | 21 | } |
22 | </style> | 22 | </style> |