feat: implement portal action for modal rendering and add SvelteKit page state

- Add portal action to render modals at document.body, escaping stacking context
- Switch Discord modal from bindable prop to SvelteKit page state management
- Add cursor-pointer utility to interactive elements for better UX
This commit is contained in:
2026-01-13 19:12:02 -06:00
parent f881e03055
commit b6d377a143
6 changed files with 187 additions and 124 deletions
+1 -1
View File
@@ -10,7 +10,7 @@
aria-label={themeStore.isDark
? "Switch to light mode"
: "Switch to dark mode"}
class="relative size-9 rounded-md border border-zinc-300 dark:border-zinc-700 bg-zinc-100 dark:bg-zinc-900/50 hover:bg-zinc-200 dark:hover:bg-zinc-800/70 transition-all duration-200"
class="relative size-9 rounded-md border border-zinc-300 dark:border-zinc-700 bg-zinc-100 dark:bg-zinc-900/50 hover:bg-zinc-200 dark:hover:bg-zinc-800/70 transition-all duration-200 cursor-pointer"
>
<div class="absolute inset-0 flex items-center justify-center">
<IconSun