AI pass on redesign

2026-06-15 10:39:01 -07:00
parent ed3ba5a0a5
commit 0e41680fff
45 changed files with 591 additions and 183 deletions
@@ -0,0 +1,31 @@
+<script lang="ts">
+  import type {Snippet} from "svelte"
+  import {fly} from "@lib/transition"
+  import Icon from "@lib/components/Icon.svelte"
+
+  type Props = {
+    icon?: string
+    title: string
+    children?: Snippet
+    action?: Snippet
+  }
+
+  const {icon, title, children, action}: Props = $props()
+</script>
+
+<div
+  class="m-auto flex max-w-sm flex-col items-center gap-3 px-4 py-12 text-center"
+  in:fly={{y: 16}}>
+  {#if icon}
+    <div class="bg-primary/10 text-primary center size-16 rounded-full motion-safe:animate-float">
+      <Icon {icon} size={8} />
+    </div>
+  {/if}
+  <h3 class="font-display text-xl font-bold tracking-tight">{title}</h3>
+  {#if children}
+    <p class="text-sm opacity-70">{@render children?.()}</p>
+  {/if}
+  {#if action}
+    <div class="mt-1">{@render action?.()}</div>
+  {/if}
+</div>