From ff05b0df28488c08f57960e4fee13247a4c1dced Mon Sep 17 00:00:00 2001
From: Zeu Capua <coding@zeu.dev>
Date: Sun, 10 Mar 2024 05:01:19 +0000
Subject: [PATCH] 💄 udpate mobile view

---
 src/routes/+layout.svelte | 6 +++---
 src/routes/[id]/+page.svelte | 2 +-
 2 file(s) changed, 4 insertion(s)(+), 4 deletion(s)(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -15,7 +15,7 @@
   );
 
   function comingSoon() {
-    toast("Coming soon!", { icon: "🙈", position: "bottom-end" });
+    toast("Coming soon!", { icon: "🙈", position: "top-center" });
   }
 
   onMount(() => {
@@ -26,9 +26,9 @@
 </script>
 
 <div class={`${theme_style} font-apfel flex flex-col w-full h-full min-w-screen min-h-screen p-8`}>
-  <main class="p-4 w-full h-full">
+  <section class="p-4 w-full h-full">
     <slot />
-  </main>
+  </section>
 
   <aside class="z-50 absolute inset-x-0 bottom-0 !text-black flex w-full h-fit items-end justify-between p-8">
     <div class="flex flex-col justify-start gap-4">
diff --git a/src/routes/[id]/+page.svelte b/src/routes/[id]/+page.svelte
--- a/src/routes/[id]/+page.svelte
+++ b/src/routes/[id]/+page.svelte
@@ -29,7 +29,7 @@
   }
 </script>
 
-<main class="flex flex-col w-full p-2 pb-12 lg:p-4 lg:pb-24 gap-8 text-xl lg:text-3xl">
+<main class="flex flex-col w-full px-2 pt-8 pb-12 lg:p-4 lg:pb-24 gap-8 text-xl lg:text-3xl">
   {#if list}
     <input 
       type="text" 

--
tangled.sh