userAdityaa/flotilla
1
0
Fork 0
forked from coracle/flotilla
Code Pull Requests Activity

Move routes around, tweak navigation, fix CardButton

Browse Source
This commit is contained in:
Jon Staab
2024-10-21 13:18:48 -07:00
parent b1a8ddf68c
commit dea34f96ec
20 changed files with 149 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/CardButton.svelte
+14 -12
View File
@@ -2,19 +2,21 @@
import Icon from "@lib/components/Icon.svelte"
</script>
<div class="btn btn-neutral btn-lg h-24 w-full text-left">
<div class="flex w-full flex-row items-center justify-between gap-2 {$$props.class}">
<div class="flex items-center gap-6">
<div class="center w-12">
<slot name="icon" />
</div>
<div class="flex flex-grow flex-col gap-2">
<p class="text-bold"><slot name="title" /></p>
<p class="text-xs"><slot name="info" /></p>
</div>
<div class="btn btn-neutral h-[unset] flex flex-nowrap w-full text-left py-4 {$$props.class}">
<div class="flex flex-row items-start gap-1 flex-grow">
<div class="w-12 h-14 flex items-center flex-shrink-0">
<slot name="icon" />
</div>
<div class="center w-12">
<Icon size={7} icon="alt-arrow-right" />
<div class="flex flex-col gap-1">
<p class="text-lg text-bold pt-2">
<slot name="title" />
</p>
<p class="text-sm">
<slot name="info" />
</p>
</div>
</div>
<div class="w-14 h-14 flex items-center justify-end">
<Icon size={7} icon="alt-arrow-right" />
</div>
</div>