It's a todo list.
Merge pull request #8 from peculiarnewbie/fix/overflow-issues
+5
-5
+4
-4
src/routes/+layout.svelte
+4
-4
src/routes/+layout.svelte
···
25
25
});
26
26
</script>
27
27
28
-
<div class={`${theme_style} font-apfel flex flex-col w-full h-full min-w-screen min-h-screen p-8`}>
28
+
<div class={`${theme_style} font-apfel flex flex-col w-full h-full min-w-screen min-h-screen p-8 overflow-auto`}>
29
29
<section class="p-4 w-full h-full">
30
30
<slot />
31
31
</section>
32
32
33
-
<aside class="z-50 absolute inset-x-0 bottom-0 !text-black flex w-full h-fit items-end justify-between p-8">
34
-
<div class="flex flex-col justify-start gap-4">
33
+
<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">
34
+
<div class="flex flex-col justify-start gap-4 pointer-events-auto">
35
35
{#if is_menu_open}
36
36
<menu
37
37
transition:fade={{ duration: 150 }}
···
89
89
90
90
<button
91
91
onclick={() => { theme.value = theme.value === "light" ? "dark" : "light" }}
92
-
class={`${theme.value === "light" ? "border-black" : "border-[#00091d]"} border w-fit h-fit p-2 bg-white rounded-xl`}
92
+
class={`${theme.value === "light" ? "border-black" : "border-[#00091d]"} border w-fit h-fit p-2 bg-white rounded-xl pointer-events-auto`}
93
93
>
94
94
<img
95
95
src="/light-bulb.svg"
+1
-1
src/routes/[id]/+page.svelte
+1
-1
src/routes/[id]/+page.svelte
···
72
72
}
73
73
</script>
74
74
75
-
<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">
75
+
<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">
76
76
{#if list}
77
77
<section class="relative flex gap-4 w-full">
78
78
<div class="flex gap-4 border-black border w-fit h-fit p-2 bg-white rounded-xl">