Updates

src/components/dashboard/SchematicInfoModal.svelte

@@ -20,12 +20,12 @@
 <script lang="ts">
     import {astroI18n, t} from "astro-i18n";
     import {CheckSolid, XCircleOutline} from "flowbite-svelte-icons";
-    import {Modal} from "flowbite-svelte";
     import type {SchematicInfo} from "@type/schem.ts";
     import {createEventDispatcher} from "svelte";
     import type {Player} from "@type/data.ts";
     import dayjs from "dayjs";
     import {schemRepo} from "@repo/schem.ts";
+    import SWModal from "@components/styled/SWModal.svelte";
 
     const dispatch = createEventDispatcher();
 
@@ -39,7 +39,7 @@
     }
 </script>
 
-<Modal title={info.schem.name} autoclose open on:close={() => dispatch("reset")}>
+<SWModal title={info.schem.name} open on:close={() => dispatch("reset")}>
     <p>{t("dashboard.schematic.info.path", {path: info.path})}</p>
     <p class="flex !mt-0">
         {t("dashboard.schematic.info.replaceColor")}
@@ -76,4 +76,4 @@
         {/if}
         <button class="btn" class:!ml-auto={info.schem.owner !== user.id} on:click={() => dispatch("reset")}>{t("dashboard.schematic.info.btn.close")}</button>
     </svelte:fragment>
-</Modal>
+</SWModal>