diff options
author | zberwaldt <17715430+zberwaldt@users.noreply.github.com> | 2024-03-15 22:03:11 -0400 |
---|---|---|
committer | GitHub <noreply@github.com> | 2024-03-15 22:03:11 -0400 |
commit | 6f8cfbd6cc3d5adbda38e74013c68e3d4745766d (patch) | |
tree | b3f045cd06d6622e23441b442e8f3861050ed444 /fe/src/lib/Card.svelte | |
parent | fac21fa0a72d4a7f1a01ccd44e3acf9c90fd95bd (diff) | |
parent | fd1332a3df191577e91c6d846a8b5db1747099fd (diff) |
Merge pull request #1 from zberwaldt/staging
Staging to Prod
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> | ||