It's a todo list.
fix input blocked
+4
-4
+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 }}
···
83
83
84
84
<button
85
85
onclick={() => { theme.value = theme.value === "light" ? "dark" : "light" }}
86
-
class={`${theme.value === "light" ? "border-black" : "border-[#00091d]"} border w-fit h-fit p-2 bg-white rounded-xl`}
86
+
class={`${theme.value === "light" ? "border-black" : "border-[#00091d]"} border w-fit h-fit p-2 bg-white rounded-xl pointer-events-auto`}
87
87
>
88
88
<img
89
89
src="/light-bulb.svg"