aboutsummaryrefslogtreecommitdiff
path: root/fe/src/lib/Card.svelte
diff options
context:
space:
mode:
authorzberwaldt <17715430+zberwaldt@users.noreply.github.com>2024-03-15 22:03:11 -0400
committerGitHub <noreply@github.com>2024-03-15 22:03:11 -0400
commit6f8cfbd6cc3d5adbda38e74013c68e3d4745766d (patch)
treeb3f045cd06d6622e23441b442e8f3861050ed444 /fe/src/lib/Card.svelte
parentfac21fa0a72d4a7f1a01ccd44e3acf9c90fd95bd (diff)
parentfd1332a3df191577e91c6d846a8b5db1747099fd (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.svelte23
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>