From d4ab358571399088cf362a52aafeae9612561d5c Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Thu, 24 Apr 2025 14:34:32 +0330
Subject: [PATCH] Fix chat z index

---
 .../product/ChatBox/ChatBoxContainer.vue      | 27 ++++++++++++++-----
 1 file changed, 20 insertions(+), 7 deletions(-)

diff --git a/frontend/components/product/ChatBox/ChatBoxContainer.vue b/frontend/components/product/ChatBox/ChatBoxContainer.vue
index 4c43034..c13bc16 100644
--- a/frontend/components/product/ChatBox/ChatBoxContainer.vue
+++ b/frontend/components/product/ChatBox/ChatBoxContainer.vue
@@ -10,7 +10,7 @@ import { useAuth } from "~/composables/api/auth/useAuth";
 
 // provide-inject
 
-const { isOpen } = inject("isOpen") as any;
+const { isOpen, closeChat } = inject("isOpen") as any;
 
 // state
 
@@ -128,7 +128,7 @@ whenever(
     <Transition :name="isMobile ? 'fade-down' : 'fade-right-to-left'">
         <div
             v-if="isOpen"
-            class="fixed z-50 max-xs:inset-0 xs:right-8 xs:bottom-8 w-full xs:w-[450px] transition-all duration-500 overflow-hidden h-svh xs:h-[700px] xs:rounded-250 shadow-2xl shadow-black/30 pt-[40px] bg-white"
+            class="fixed z-9999 max-xs:inset-0 xs:right-8 xs:bottom-8 w-full xs:w-[450px] transition-all duration-500 overflow-hidden h-svh xs:h-[700px] xs:rounded-250 shadow-2xl shadow-black/30 pt-[40px] bg-white"
         >
             <CloseButton :disabled="!!isCreateMessagePending" />
 
@@ -185,7 +185,7 @@ whenever(
                         class="w-full h-full flex items-center justify-center absolute inset-0"
                     >
                         <NuxtImg
-                            class="size-[250px] drop-shadow-2xl"
+                            class="size-[225px] sm:size-[250px] drop-shadow-2xl"
                             src="/img/heymlz/heymlz-small-idle.gif"
                             alt=""
                         />
@@ -197,7 +197,7 @@ whenever(
                 v-else
             >
                 <NuxtImg
-                    class="size-[250px] drop-shadow-2xl"
+                    class="size-[225px] sm:size-[250px] drop-shadow-2xl"
                     src="/img/heymlz/heymlz-small-idle.gif"
                     alt=""
                 />
@@ -207,9 +207,22 @@ whenever(
                         من میتونم هر سوالی رو درمورد این محصول جواب بدم اگه میخوای شروع کنیم روی دکمه زیر کلیک کن
                     </p>
                 </div>
-                <NuxtLink to="/signin">
-                    <Button class="mt-8 rounded-full px-10">ورود به فروشگاه</Button>
-                </NuxtLink>
+                <div class="flex-center gap-4">
+                    <Button
+                        @click="closeChat"
+                        class="mt-8 rounded-full px-10"
+                    >
+                        بستن
+                    </Button>
+                    <NuxtLink to="/signin">
+                        <Button
+                            variant="outlined"
+                            class="mt-8 rounded-full px-10"
+                        >
+                            ورود به فروشگاه
+                        </Button>
+                    </NuxtLink>
+                </div>
             </div>
         </div>
     </Transition>