updated modal

2025-02-14 01:24:03 +03:30
parent 411d37b02d
commit a9ac2cd7f3
1 changed files with 10 additions and 1 deletions
@@ -6,6 +6,7 @@ type Props = {
    icon?: string;
    title: string;
    iconSize?: string;
+    contectClass?: string;
 };

 type Emits = {
@@ -35,7 +36,14 @@ const isShow = computed({
 </script>

 <template>
-    <DialogRoot v-model:open="isShow">
+    <DialogRoot
+        v-model:open="isShow"
+        @update:open="
+            (state) => {
+                !state ? (isShow = false) : null;
+            }
+        "
+    >
        <DialogTrigger>
            <slot name="trigger" />
        </DialogTrigger>
@@ -49,6 +57,7 @@ const isShow = computed({
                v-if="isShow"
            >
                <div
+                    :class="contectClass"
                    class="overflow-y-auto max-h-svh absolute left-[50%] py-10 w-fit max-w-[50rem] translate-x-[-50%]"
                >
                    <DialogContent