SteamWar/Website
8
0
Fork 0
Code Issues 2 Pull Requests Packages Projects Releases Wiki Activity

Fix Modal

Browse Source
This commit is contained in:
Chaoscaot
2024-12-08 17:21:17 +01:00
parent e93445d933
commit d4ac123654
2 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/styled/SWModal.svelte
View File

@ -19,6 +19,7 @@
<script lang="ts"> <script lang="ts">
import {onMount} from "svelte"; import {onMount} from "svelte";
import {stopPropagation} from "@components/util.ts";
interface Props { interface Props {
title: string; title: string;
@ -67,8 +68,8 @@
}) })
</script> </script>
<dialog bind:this={dialog} onclose={close} oncancel={close} onclick={() => dialog.close()} aria-hidden="true" class="max-h-full max-w-md w-full rounded-lg shadow-lg dark:bg-neutral-800 dark:text-neutral-100"> <dialog bind:this={dialog} onclose={close} onclick={(e) => dialog.close()} aria-hidden="true" class="max-h-full max-w-md w-full rounded-lg shadow-lg dark:bg-neutral-800 dark:text-neutral-100">
<div onclick={onclick} aria-hidden="true"> <div onclick={stopPropagation(onclick)} aria-hidden="true">
<div class="p-6 border-b border-neutral-200 dark:border-neutral-700"> <div class="p-6 border-b border-neutral-200 dark:border-neutral-700">
<h1 class="text-4xl font-bold">{title}</h1> <h1 class="text-4xl font-bold">{title}</h1>
</div> </div>

7
src/components/util.ts
View File

@ -23,4 +23,11 @@ export function window<T>(arr: T[], len: number): T[][] {
result.push(arr.slice(i, i + len)); result.push(arr.slice(i, i + len));
} }
return result; return result;
}
export function stopPropagation(a: any) {
return (e: Event) => {
e.stopPropagation();
a(e);
};
} }