From 0c44dc0c17a2247d9d09bd8dc714cf348eb2c41d Mon Sep 17 00:00:00 2001
From: zeudev <coding@zeu.dev>
Date: Sat, 13 Apr 2024 15:31:41 +0000
Subject: [PATCH] Merge pull request #8 from peculiarnewbie/fix/overflow-issues

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

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -25,13 +25,13 @@
   });
 </script>
 
-<div class={`${theme_style} font-apfel flex flex-col w-full h-full min-w-screen min-h-screen p-8`}>
+<div class={`${theme_style} font-apfel flex flex-col w-full h-full min-w-screen min-h-screen p-8 overflow-auto`}>
   <section class="p-4 w-full h-full">
     <slot />
   </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">
+  <aside class="z-50 fixed inset-x-0 bottom-0 !text-black flex w-full h-fit items-end justify-between p-8 pointer-events-none">
+    <div class="flex flex-col justify-start gap-4 pointer-events-auto">
       {#if is_menu_open}
         <menu 
           transition:fade={{ duration: 150 }}
@@ -89,7 +89,7 @@
 
     <button 
       onclick={() => { theme.value = theme.value === "light" ? "dark" : "light" }}
-      class={`${theme.value === "light" ? "border-black" : "border-[#00091d]"} border w-fit h-fit p-2 bg-white rounded-xl`}
+      class={`${theme.value === "light" ? "border-black" : "border-[#00091d]"} border w-fit h-fit p-2 bg-white rounded-xl pointer-events-auto`}
     >
       <img
         src="/light-bulb.svg"
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
@@ -72,7 +72,7 @@
   }
 </script>
 
-<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">
+<main class="flex flex-col w-full px-2 pt-8 pb-28 lg:px-4 lg:pt-4  gap-8 text-xl lg:text-3xl">
   {#if list}
     <section class="relative flex gap-4 w-full">
       <div class="flex gap-4 border-black border w-fit h-fit p-2 bg-white rounded-xl">

--
tangled.sh