🎨 format

2025-10-11 10:42:32 +02:00
parent 4d51b9f556
commit 91a7b170fe
139 changed files with 6645 additions and 6317 deletions
@@ -1,40 +1,43 @@
 <script lang="ts">
-  import { focusTrap } from 'svelte-focus-trap';
-  import { fly } from 'svelte/transition';
-  import { Check } from './icons';
-  import { exitBeforeEnter, type ModalProps } from 'svelte-modals';
+    import { focusTrap } from 'svelte-focus-trap'
+    import { fly } from 'svelte/transition'
+    import { Check } from './icons'
+    import { exitBeforeEnter, type ModalProps } from 'svelte-modals'

-  let {
-    isOpen,
-    title,
-    message,
-    onDismiss,
-    labels = {
-      dismiss: { label: 'Dismiss', icon: Check },
-    },
-  }: ModalProps = $props();
+    let {
+        isOpen,
+        title,
+        message,
+        onDismiss,
+        labels = {
+            dismiss: { label: 'Dismiss', icon: Check }
+        }
+    }: ModalProps = $props()
 </script>

 {#if isOpen}
-  <div
-    role="dialog"
-    class="pointer-events-none fixed inset-0 z-50 flex items-center justify-center"
-    transition:fly={{ y: 50 }}
-    use:exitBeforeEnter
-    use:focusTrap>
    <div
-      class="rounded-box bg-base-100 pointer-events-auto flex min-w-fit max-w-md flex-col justify-between p-4 shadow-lg">
-      <h2 class="text-base-content text-start text-2xl font-bold">{title}</h2>
-      <div class="divider my-2"></div>
-      <p class="text-base-content mb-1 text-start">{message}</p>
-      <div class="divider my-2"></div>
-      <div class="flex justify-end gap-2">
-        <button
-          class="btn btn-warning text-warning-content inline-flex items-center"
-          onclick={onDismiss}>
-          <labels.dismiss.icon class="mr-2 h-5 w-5" /><span>{labels.dismiss.label}</span>
-        </button>
-      </div>
+        role="dialog"
+        class="pointer-events-none fixed inset-0 z-50 flex items-center justify-center"
+        transition:fly={{ y: 50 }}
+        use:exitBeforeEnter
+        use:focusTrap
+    >
+        <div
+            class="rounded-box bg-base-100 pointer-events-auto flex min-w-fit max-w-md flex-col justify-between p-4 shadow-lg"
+        >
+            <h2 class="text-base-content text-start text-2xl font-bold">{title}</h2>
+            <div class="divider my-2"></div>
+            <p class="text-base-content mb-1 text-start">{message}</p>
+            <div class="divider my-2"></div>
+            <div class="flex justify-end gap-2">
+                <button
+                    class="btn btn-warning text-warning-content inline-flex items-center"
+                    onclick={onDismiss}
+                >
+                    <labels.dismiss.icon class="mr-2 h-5 w-5" /><span>{labels.dismiss.label}</span>
+                </button>
+            </div>
+        </div>
    </div>
-  </div>
 {/if}