app

commit 325b413f29700670390e0b49726cb051948ffc1d
parent 0fc49c0622aefad15db5fe4c64acd9c0628aca9d
Author: triesap <137732411+triesap@users.noreply.github.com>
Date:   Mon, 26 Aug 2024 15:41:47 +0000

Add layout trellis component

Diffstat:
A
src/lib/components/layout-trellis.svelte
 | 
10
++++++++++
M
src/routes/(app)/settings/+page.svelte
 | 
5
+++--

2 files changed, 13 insertions(+), 2 deletions(-)
diff --git a/src/lib/components/layout-trellis.svelte b/src/lib/components/layout-trellis.svelte
@@ -0,0 +1,10 @@
+<script lang="ts">
+    import type { PropChildren } from "@radroots/svelte-lib";
+
+    let { children }: PropChildren = $props();
+</script>
+
+
+<div class={`flex flex-col w-full pt-4 px-4 gap-4 justify-start items-start`}>
+    {@render children()}
+</div>
diff --git a/src/routes/(app)/settings/+page.svelte b/src/routes/(app)/settings/+page.svelte
@@ -1,10 +1,11 @@
 <script lang="ts">
     import { goto } from "$app/navigation";
+    import LayoutTrellis from "$lib/components/layout-trellis.svelte";
     import { app_thc } from "$lib/stores";
     import { toggle_color_mode, trellis } from "@radroots/svelte-lib";
 </script>
 
-<div class={`flex flex-col w-full p-6 justify-center items-center`}>
+<LayoutTrellis>
     <svelte:component
         this={trellis}
         basis={{
@@ -53,4 +54,4 @@
             },
         }}
     />
-</div>
+</LayoutTrellis>