From fa89859e421960af2101aaa25b56e46bbf1b667d Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Wed, 16 Apr 2025 22:54:33 +0330
Subject: [PATCH 01/21] removed layout transition

---
 frontend/nuxt.config.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/nuxt.config.ts b/frontend/nuxt.config.ts
index 68e50a1..abebf1c 100644
--- a/frontend/nuxt.config.ts
+++ b/frontend/nuxt.config.ts
@@ -23,10 +23,10 @@ export default defineNuxtConfig({
             name: "fade",
             mode: "out-in",
         },
-        layoutTransition: {
-            name: "fade",
-            mode: "out-in",
-        },
+        // layoutTransition: {
+        //     name: "fade",
+        //     mode: "out-in",
+        // },
     },
 
     postcss: {

From c8de8af5b2787af5dd075c94438a9dde274c2922 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Wed, 16 Apr 2025 22:54:47 +0330
Subject: [PATCH 02/21] added selectable prop

---
 frontend/components/cart/delivery/AddressItem.vue | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/frontend/components/cart/delivery/AddressItem.vue b/frontend/components/cart/delivery/AddressItem.vue
index 5295322..7151960 100644
--- a/frontend/components/cart/delivery/AddressItem.vue
+++ b/frontend/components/cart/delivery/AddressItem.vue
@@ -10,11 +10,14 @@ import { QUERY_KEYS } from "~/constants";
 type Props = {
     address?: Address;
     isSelected?: boolean;
+    selectable?: boolean;
 };
 
 // props
 
-defineProps<Props>();
+withDefaults(defineProps<Props>(), {
+    selectable: true,
+});
 
 // emit
 
@@ -63,7 +66,9 @@ const handleDeleteAddress = (id: number) => {
 
 <template>
     <button
-        @click.prevent="!!address ? emit('select', address) : null"
+        @click.prevent="
+            !!address && selectable ? emit('select', address) : null
+        "
         :class="
             isSelected
                 ? 'border-transparent ring-2 ring-offset-2 ring-blue-500'
@@ -76,7 +81,7 @@ const handleDeleteAddress = (id: number) => {
         </div>
         <span class="flex items-center justify-between w-full gap-3">
             <div
-                class="flex items-center gap-3 lg:text-[1.125rem] font-semibold text-slate-900"
+                class="flex items-center gap-3 max-lg:text-sm font-semibold text-slate-900"
             >
                 {{ !!address ? address.name : "آدرس" }}
                 <span
@@ -101,7 +106,7 @@ const handleDeleteAddress = (id: number) => {
         >
             <div class="w-full lg:w-9/12 overflow-hidden">
                 <div
-                    class="w-full overflow-hidden overflow-ellipsis gap-5 text-start whitespace-pre text-sm text-slate-700"
+                    class="w-full overflow-hidden overflow-ellipsis gap-5 text-start whitespace-pre text-xs lg:text-sm text-slate-700"
                 >
                     {{
                         !!address

From 8b8d31cae0fbd60ba782dfd75333560a48b54dea Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Wed, 16 Apr 2025 22:55:16 +0330
Subject: [PATCH 03/21] responsived some parts

---
 frontend/components/global/Modal.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/components/global/Modal.vue b/frontend/components/global/Modal.vue
index 74934f5..68fd874 100644
--- a/frontend/components/global/Modal.vue
+++ b/frontend/components/global/Modal.vue
@@ -77,7 +77,7 @@ const isShow = computed({
                                     />
                                 </DialogClose>
                                 <DialogTitle
-                                    class="typo-sub-h-xl font-semibold flex items-center gap-3"
+                                    class="typo-sub-h-md lg:typo-sub-h-xl font-semibold flex items-center gap-3"
                                 >
                                     {{ title }}
                                     <Icon

From 64343c8406b2d5bb39d538f30b93ab10f4aa3c5e Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Wed, 16 Apr 2025 22:55:21 +0330
Subject: [PATCH 04/21] responsived some parts

---
 frontend/components/cart/delivery/AddressModal.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/components/cart/delivery/AddressModal.vue b/frontend/components/cart/delivery/AddressModal.vue
index dce9c0f..36b252d 100644
--- a/frontend/components/cart/delivery/AddressModal.vue
+++ b/frontend/components/cart/delivery/AddressModal.vue
@@ -138,7 +138,7 @@ watch(
                 :variant="!!address ? 'ghost' : 'solid'"
                 :class="!!address ? '!bg-transparent !underline' : ''"
             >
-                <span class="whitespace-pre">
+                <span class="whitespace-pre max-lg:text-xs">
                     {{ !!address ? "ویرایش" : "افزودن آدرس" }}
                 </span>
             </Button>

From 4177da82efac877cdb5da368790f6901c056e850 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Wed, 16 Apr 2025 22:55:54 +0330
Subject: [PATCH 05/21] fixed avatar icon for navbar

---
 frontend/components/global/Avatar.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/frontend/components/global/Avatar.vue b/frontend/components/global/Avatar.vue
index 54ab6ca..18df87c 100644
--- a/frontend/components/global/Avatar.vue
+++ b/frontend/components/global/Avatar.vue
@@ -44,8 +44,7 @@ const { isLoading } = useImage({ src: src.value ?? "" });
                 <div class="size-full rounded-full flex-center">
                     <Icon
                         name="ci:profile"
-                        size="16"
-                        class="**:stroke-black"
+                        class="**:stroke-black text-lg"
                         :class="iconClass"
                     />
                 </div>

From 809ebdd871c4511895b697b093fcc6d4fcaa4b6f Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Wed, 16 Apr 2025 22:56:41 +0330
Subject: [PATCH 06/21] responsived some parts

---
 frontend/components/profile/global/LogoutModal.vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/frontend/components/profile/global/LogoutModal.vue b/frontend/components/profile/global/LogoutModal.vue
index d8ad7e2..fdbd1b9 100644
--- a/frontend/components/profile/global/LogoutModal.vue
+++ b/frontend/components/profile/global/LogoutModal.vue
@@ -53,18 +53,20 @@ const handleSubmit = () => {
 
         <template #content>
             <div class="w-full flex flex-col text-start gap-3 py-5" dir="rtl">
-                <p class="leading-[175%]">
+                <p class="leading-[175%] text-xs lg:text-sm">
                     با خارج شدن از حساب کاربری، دسترسی شما به برخی از امکانات
                     محدود خواهد شد. اگر قصد دارید دوباره وارد شوید، می‌توانید از
                     همان اطلاعات حساب خود استفاده کنید.
                 </p>
-                <p>ما همیشه منتظر بازگشت شما هستیم! 😊</p>
+                <p class="text-xs lg:text-sm">
+                    ما همیشه منتظر بازگشت شما هستیم! 😊
+                </p>
             </div>
 
             <div class="py-6 border-t border-slate-200 flex gap-3">
                 <Button
                     @click="handleSubmit"
-                    class="rounded-full px-10"
+                    class="rounded-full px-5 lg:px-10"
                     size="md"
                 >
                     <Icon
@@ -76,7 +78,7 @@ const handleSubmit = () => {
                 <DialogClose aria-label="Close">
                     <Button
                         variant="outlined"
-                        class="rounded-full px-10"
+                        class="rounded-full px-5 lg:px-10"
                         size="md"
                     >
                         نه فعلا هستم

From 88c9e6d2d153e2bd7ba6b5fcbd100bcf70b6a335 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Wed, 16 Apr 2025 22:56:48 +0330
Subject: [PATCH 07/21] responsived some parts

---
 frontend/components/profile/global/ProfilePageTitle.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/components/profile/global/ProfilePageTitle.vue b/frontend/components/profile/global/ProfilePageTitle.vue
index 754a5ce..f323bab 100644
--- a/frontend/components/profile/global/ProfilePageTitle.vue
+++ b/frontend/components/profile/global/ProfilePageTitle.vue
@@ -23,7 +23,7 @@ const toggleSidebar = inject("toggleSidebar");
             <button class="flex-center lg:hidden" @click="toggleSidebar">
                 <Icon name="bi:chevron-right" size="18" class="**:fill-black" />
             </button>
-            <p class="font-semibold lg:text-lg text-black">
+            <p class="font-semibold text-sm lg:text-lg text-black">
                 {{ title }}
             </p>
         </div>

From 9f2ab81a6b4c27b7f208ee1a1dadf50b82003a61 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Wed, 16 Apr 2025 22:56:54 +0330
Subject: [PATCH 08/21] responsived some parts

---
 frontend/components/profile/global/ProfileSection.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/components/profile/global/ProfileSection.vue b/frontend/components/profile/global/ProfileSection.vue
index 7b8636d..8c7ffff 100644
--- a/frontend/components/profile/global/ProfileSection.vue
+++ b/frontend/components/profile/global/ProfileSection.vue
@@ -22,9 +22,9 @@ withDefaults(defineProps<Props>(), {
             }"
         >
             <div
-                class="w-full flex items-center justify-between h-[2rem] lg:h-[3rem] px-5"
+                class="w-full flex items-center justify-between h-[2rem] lg:h-[3rem] lg:px-5"
             >
-                <span class="typo-sub-h-md lg:typo-sub-h-lg">{{ title }}</span>
+                <span class="text-sm lg:text-lg">{{ title }}</span>
                 <slot name="button" />
             </div>
         </div>

From 67796d139b00d1add403944aea35005967c79367 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Wed, 16 Apr 2025 22:57:00 +0330
Subject: [PATCH 09/21] responsived some parts

---
 frontend/components/profile/global/ProfileSidebar.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/components/profile/global/ProfileSidebar.vue b/frontend/components/profile/global/ProfileSidebar.vue
index 237e644..1008aee 100644
--- a/frontend/components/profile/global/ProfileSidebar.vue
+++ b/frontend/components/profile/global/ProfileSidebar.vue
@@ -116,14 +116,14 @@ const toggleSidebar = inject("toggleSidebar");
                         ? 'bg-black text-slate-100 **:fill-slate-100'
                         : '**:fill-black hover:bg-gray-200'
                 "
-                class="flex items-center justify-between transition-all rounded-lg py-4 px-3"
+                class="flex items-center justify-between transition-all rounded-lg py-3.5 lg:py-4 px-3"
                 @click="toggleSidebar"
             >
                 <span class="flex-center gap-3">
                     <div class="size-5 flex-center">
                         <Icon :name="link.icon" />
                     </div>
-                    <span class="text-sm">{{ link.title }}</span>
+                    <span class="text-xs lg:text-sm">{{ link.title }}</span>
                 </span>
 
                 <Icon name="bi:chevron-left" class="transition-all" />
@@ -141,7 +141,9 @@ const toggleSidebar = inject("toggleSidebar");
                                     class="**:fill-danger-500"
                                 />
                             </div>
-                            <span class="text-sm"> خروج از حساب </span>
+                            <span class="text-xs lg:text-sm">
+                                خروج از حساب
+                            </span>
                         </span>
 
                         <Icon

From 3014edfd3f070dded7ad9ecc3dd71a0999d7cf83 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Wed, 16 Apr 2025 22:57:07 +0330
Subject: [PATCH 10/21] responsived

---
 .../profile/index/ProfilePictureModal.vue     | 107 ++++++++++--------
 1 file changed, 57 insertions(+), 50 deletions(-)

diff --git a/frontend/components/profile/index/ProfilePictureModal.vue b/frontend/components/profile/index/ProfilePictureModal.vue
index 5674c7e..d9af18d 100644
--- a/frontend/components/profile/index/ProfilePictureModal.vue
+++ b/frontend/components/profile/index/ProfilePictureModal.vue
@@ -84,7 +84,13 @@ onFileDialogChange((files: any) => {
 </script>
 
 <template>
-    <Modal v-model="visible" title="عکس پروفایل" icon="bi:image" iconSize="20">
+    <Modal
+        v-model="visible"
+        title="عکس پروفایل"
+        icon="bi:image"
+        iconSize="20"
+        contectClass="w-full max-lg:container lg:!w-[30vw]"
+    >
         <template #trigger>
             <button
                 class="bg-black text-slate-100 rounded-full p-2 flex-center absolute -bottom-0 -right-0"
@@ -93,61 +99,62 @@ onFileDialogChange((files: any) => {
             </button>
         </template>
         <template #content>
-            <div class="w-max">
+            <div
+                class="w-full flex flex-col-reverse items-center justify-between py-10 gap-10 px-4"
+            >
                 <div
-                    class="w-full flex flex-col-reverse items-center justify-between py-10 gap-10 px-4"
+                    class="flex items-center justify-center w-full flex-wrap gap-4 max-w-[500px]"
                 >
-                    <div
-                        class="flex items-center justify-between w-full flex-wrap gap-4 max-w-[500px]"
+                    <button
+                        v-for="(avatar, index) in avatars"
+                        :key="index"
+                        class="size-16 lg:size-20 rounded-full focus:ring-2 focus:ring-offset-1 focus:ring-black transition-all"
                     >
-                        <button
-                            v-for="(avatar, index) in avatars"
-                            :key="index"
-                            class="size-20 rounded-full focus:ring-2 focus:ring-offset-1 focus:ring-black transition-all"
-                        >
-                            <Avatar
-                                :src="avatar"
-                                :alt="`avatar-${index}`"
-                                class="size-full"
-                            />
-                        </button>
-                    </div>
+                        <Avatar
+                            :src="avatar"
+                            :alt="`avatar-${index}`"
+                            class="size-full"
+                        />
+                    </button>
+                </div>
 
-                    <div
-                        class="w-full flex-center gap-4 max-w-[500px] flex-wrap"
+                <div class="w-full flex-center gap-4 max-w-[500px] flex-wrap">
+                    <button
+                        class="size-6 lg:size-8 rounded-full bg-orange-100 whitespace-nowrap ring-2 hover:ring-black ring-slate-200 ring-offset-3"
+                    />
+                    <button
+                        class="size-6 lg:size-8 rounded-full bg-orange-200 whitespace-nowrap ring-2 hover:ring-black ring-slate-200 ring-offset-3"
+                    />
+                    <button
+                        class="size-6 lg:size-8 rounded-full bg-amber-600 whitespace-nowrap ring-2 hover:ring-black ring-slate-200 ring-offset-3"
+                    />
+                    <button
+                        class="size-6 lg:size-8 rounded-full bg-amber-700 whitespace-nowrap ring-2 hover:ring-black ring-slate-200 ring-offset-3"
+                    />
+                    <button
+                        class="size-6 lg:size-8 rounded-full bg-amber-800 whitespace-nowrap ring-2 hover:ring-black ring-slate-200 ring-offset-3"
+                    />
+                </div>
+
+                <div class="w-full flex-col-center gap-5">
+                    <Avatar
+                        :src="currentProfile"
+                        alt=""
+                        class="!size-24 lg:!size-32"
+                        iconClass="!text-xl lg:!text-2xl"
+                    />
+                    <Button
+                        class="rounded-full w-[8rem]"
+                        @click="openFileDialog"
+                        :loading="updateAccountIsPending"
+                        size="md"
                     >
-                        <button
-                            class="size-8 rounded-full bg-orange-100 whitespace-nowrap ring-2 hover:ring-black ring-slate-200 ring-offset-3"
+                        <Icon
+                            v-if="updateAccountIsPending"
+                            name="svg-spinners:3-dots-bounce"
                         />
-                        <button
-                            class="size-8 rounded-full bg-orange-200 whitespace-nowrap ring-2 hover:ring-black ring-slate-200 ring-offset-3"
-                        />
-                        <button
-                            class="size-8 rounded-full bg-amber-600 whitespace-nowrap ring-2 hover:ring-black ring-slate-200 ring-offset-3"
-                        />
-                        <button
-                            class="size-8 rounded-full bg-amber-700 whitespace-nowrap ring-2 hover:ring-black ring-slate-200 ring-offset-3"
-                        />
-                        <button
-                            class="size-8 rounded-full bg-amber-800 whitespace-nowrap ring-2 hover:ring-black ring-slate-200 ring-offset-3"
-                        />
-                    </div>
-
-                    <div class="w-full flex-col-center gap-5">
-                        <Avatar :src="currentProfile" alt="" class="!size-32" />
-                        <Button
-                            class="rounded-full w-[8rem]"
-                            @click="openFileDialog"
-                            :loading="updateAccountIsPending"
-                            size="md"
-                        >
-                            <Icon
-                                v-if="updateAccountIsPending"
-                                name="svg-spinners:3-dots-bounce"
-                            />
-                            <span v-else>آپلود عکس شما</span>
-                        </Button>
-                    </div>
+                        <span v-else>آپلود عکس شما</span>
+                    </Button>
                 </div>
             </div>
         </template>

From c223d49123ddd3285f7d566b000423a3e8733739 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Wed, 16 Apr 2025 22:57:11 +0330
Subject: [PATCH 11/21] responsived

---
 .../components/profile/notifications/notification.vue  | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/frontend/components/profile/notifications/notification.vue b/frontend/components/profile/notifications/notification.vue
index e417f6a..97d8ce4 100644
--- a/frontend/components/profile/notifications/notification.vue
+++ b/frontend/components/profile/notifications/notification.vue
@@ -6,14 +6,16 @@
     >
         <div class="flex flex-col gap-2">
             <div class="flex items-center gap-3">
-                <Icon name="bi:info-circle" size="20" />
-                <h3 class="typo-sub-h-md font-semibold">تغییر وضعیت سفارش</h3>
+                <Icon name="bi:info-circle" class="lg:text-lg" />
+                <h3 class="max-lg:text-sm font-semibold">تغییر وضعیت سفارش</h3>
                 |
-                <span class="typo-p-xs text-cyan-500 font-semibold">
+                <span class="text-xs text-cyan-500 font-semibold">
                     ۲۳ تیر
                 </span>
             </div>
-            <p class="typo-p-sm text-slate-700 text-justify">
+            <p
+                class="text-xs lg:text-sm leading-[175%] text-slate-700 text-justify"
+            >
                 لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با
                 استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله
                 در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد

From 3dde874617ebcd38040361fac93f2ec5de2e7019 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Wed, 16 Apr 2025 22:57:15 +0330
Subject: [PATCH 12/21] responsived

---
 .../index/PurchasesTableRow.vue                  | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/frontend/components/profile/purchases-and-orders/index/PurchasesTableRow.vue b/frontend/components/profile/purchases-and-orders/index/PurchasesTableRow.vue
index c8a668c..f36671f 100644
--- a/frontend/components/profile/purchases-and-orders/index/PurchasesTableRow.vue
+++ b/frontend/components/profile/purchases-and-orders/index/PurchasesTableRow.vue
@@ -26,21 +26,23 @@ const createdTimeAgo = usePersianTimeAgo(new Date(data.value.created_at));
     >
         <td
             scope="row"
-            class="w-3/12 px-6 py-6 font-medium whitespace-nowrap"
+            class="w-3/12 px-6 py-6 text-xs lg:text-sm font-medium whitespace-pre shrink-0"
             :class="data.order_id ? 'text-cyan-500' : 'text-black'"
         >
             {{ data.order_id ? `${data.order_id}#` : "--" }}
         </td>
-        <td class="w-3/12 px-6 py-6">
+        <td
+            class="w-3/12 px-6 py-6 text-xs lg:text-sm font-medium whitespace-pre shrink-0"
+        >
             {{ data.created_at ? createdTimeAgo : "--" }}
         </td>
-        <td class="w-2/12 px-6 py-6">
+        <td class="w-2/12 px-6 py-6 text-xs lg:text-sm whitespace-pre shrink-0">
             {{ data.count ? data.count : "--" }}
         </td>
-        <td class="w-2/12 px-6 py-6">
+        <td class="w-2/12 px-6 py-6 text-xs lg:text-sm whitespace-pre shrink-0">
             {{ data.final_price ? data.final_price : "--" }}
         </td>
-        <td class="w-2/12 px-6 py-6">
+        <td class="w-2/12 px-6 py-6 whitespace-pre shrink-0">
             <div
                 class="w-max rounded-full py-1.5 px-3 text-xs border"
                 :class="{
@@ -61,7 +63,7 @@ const createdTimeAgo = usePersianTimeAgo(new Date(data.value.created_at));
                 {{ data.verbose_status ? data.verbose_status : "--" }}
             </div>
         </td>
-        <td class="w-1/12 px-6 py-6">
+        <td class="w-1/12 px-6 py-6 shrink-0">
             <NuxtLink
                 :to="{
                     name: 'profile-purchases-and-orders-id',
@@ -69,7 +71,7 @@ const createdTimeAgo = usePersianTimeAgo(new Date(data.value.created_at));
                 }"
             >
                 <button
-                    class="size-10 flex-center border border-slate-200 rounded-md"
+                    class="size-9 lg:size-10 flex-center border border-slate-200 rounded-md"
                 >
                     <Icon
                         name="ci:eye-open"

From c4980f69868af1875912d33f4100cf07db024c3b Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Wed, 16 Apr 2025 22:57:19 +0330
Subject: [PATCH 13/21] responsived

---
 .../index/PurchasesTableRowLoading.vue               | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/components/profile/purchases-and-orders/index/PurchasesTableRowLoading.vue b/frontend/components/profile/purchases-and-orders/index/PurchasesTableRowLoading.vue
index 5dbed72..ac44924 100644
--- a/frontend/components/profile/purchases-and-orders/index/PurchasesTableRowLoading.vue
+++ b/frontend/components/profile/purchases-and-orders/index/PurchasesTableRowLoading.vue
@@ -6,23 +6,23 @@
     >
         <td
             scope="row"
-            class="w-3/12 px-6 py-6 font-medium whitespace-nowrap text-black"
+            class="w-3/12 px-6 py-6 shrink-0 font-medium whitespace-nowrap text-black"
         >
             <Skeleton class="w-full !h-10 !rounded-sm" />
         </td>
-        <td class="w-3/12 px-6 py-6">
+        <td class="w-3/12 px-6 py-6 shrink-0">
             <Skeleton class="w-full !h-10 !rounded-sm" />
         </td>
-        <td class="w-2/12 px-6 py-6">
+        <td class="w-2/12 px-6 py-6 shrink-0">
             <Skeleton class="w-full !h-10 !rounded-sm" />
         </td>
-        <td class="w-2/12 px-6 py-6">
+        <td class="w-2/12 px-6 py-6 shrink-0">
             <Skeleton class="w-full !h-10 !rounded-sm" />
         </td>
-        <td class="w-2/12 px-6 py-6">
+        <td class="w-2/12 px-6 py-6 shrink-0">
             <Skeleton class="w-full !h-10 !rounded-sm" />
         </td>
-        <td class="w-1/12 px-6 py-6">
+        <td class="w-1/12 px-6 py-6 shrink-0">
             <Skeleton class="!size-10 !rounded-sm" />
         </td>
     </tr>

From 2dc70cc6aa2dd1f071015c6dd357d1c71b145e2c Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Wed, 16 Apr 2025 22:57:23 +0330
Subject: [PATCH 14/21] responsived

---
 .../profile/tickets/index/TicketsTableRow.vue        | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/frontend/components/profile/tickets/index/TicketsTableRow.vue b/frontend/components/profile/tickets/index/TicketsTableRow.vue
index 29c99b4..91752d9 100644
--- a/frontend/components/profile/tickets/index/TicketsTableRow.vue
+++ b/frontend/components/profile/tickets/index/TicketsTableRow.vue
@@ -27,14 +27,16 @@ const updatedTimeAgo = usePersianTimeAgo(new Date(data.value.updated_at));
     >
         <td
             scope="row"
-            class="w-3/12 px-6 py-6 font-medium whitespace-nowrap text-black"
+            class="w-3/12 px-6 py-6 text-xs lg:text-sm font-medium whitespace-pre shrink-0"
         >
             {{ data.ticket_category ? data.ticket_category : "--" }}
         </td>
         <td class="w-3/12 px-6 py-6">
             {{ data.subject ? data.subject : "--" }}
         </td>
-        <td class="w-3/12 px-6 py-6 flex flex-col gap-3 text-sm">
+        <td
+            class="w-3/12 px-6 py-6 flex flex-col gap-3 text-xs lg:text-sm font-medium whitespace-pre shrink-0"
+        >
             <span class="w-full whitespace-pre">
                 ایجاد : {{ data.created_at ? createdTimeAgo : "--" }}
             </span>
@@ -42,7 +44,7 @@ const updatedTimeAgo = usePersianTimeAgo(new Date(data.value.updated_at));
                 بروزرسانی : {{ data.updated_at ? updatedTimeAgo : "--" }}
             </span>
         </td>
-        <td class="w-2/12 px-6 py-6">
+        <td class="w-2/12 px-6 py-6 text-xs lg:text-sm whitespace-pre shrink-0">
             <div
                 class="w-max rounded-full py-1.5 px-3 text-xs border"
                 :class="{
@@ -57,12 +59,12 @@ const updatedTimeAgo = usePersianTimeAgo(new Date(data.value.updated_at));
                 {{ data.status ? data.status : "--" }}
             </div>
         </td>
-        <td class="w-1/12 px-6 py-6">
+        <td class="w-1/12 px-6 py-6 shrink-0">
             <NuxtLink
                 :to="{ name: 'profile-tickets-id', params: { id: data.id } }"
             >
                 <button
-                    class="size-10 flex-center border border-slate-200 rounded-md"
+                    class="size-9 lg:size-10 flex-center border border-slate-200 rounded-md"
                 >
                     <Icon
                         name="ci:eye-open"

From 2b6f6eaa1c3f0fa2087ba187d79e46a1811cd6a8 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Wed, 16 Apr 2025 22:57:39 +0330
Subject: [PATCH 15/21] removed log

---
 frontend/layouts/Profile.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/layouts/Profile.vue b/frontend/layouts/Profile.vue
index b09307e..594145b 100644
--- a/frontend/layouts/Profile.vue
+++ b/frontend/layouts/Profile.vue
@@ -35,9 +35,9 @@ provide("toggleSidebar", toggleSidebar);
 watch(
     () => isSidebarShow.value,
     (nv) => {
-        console.log(nv);
-
-        isScrollLocked.value = nv ? true : false;
+        if (isMobile.value) {
+            isScrollLocked.value = nv ? true : false;
+        }
     },
     {
         immediate: true,

From 910e3d237ab527cab123aacf120698a980e4d1e4 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Wed, 16 Apr 2025 22:57:50 +0330
Subject: [PATCH 16/21] added selectable prop

---
 frontend/pages/profile/addresses.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/frontend/pages/profile/addresses.vue b/frontend/pages/profile/addresses.vue
index 5017d6a..686c251 100644
--- a/frontend/pages/profile/addresses.vue
+++ b/frontend/pages/profile/addresses.vue
@@ -64,6 +64,7 @@ const handleSelectAddress = (address: Address) => {
                         :key="index"
                         :address="address"
                         @select="handleSelectAddress"
+                        :selectable="false"
                         :isSelected="address.id == selectedAddress?.id"
                     />
                 </ul>

From 8672e9a8959916a203adf731dcee52511bdc18b7 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Wed, 16 Apr 2025 22:58:00 +0330
Subject: [PATCH 17/21] responsived some parts

---
 frontend/pages/profile/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/pages/profile/index.vue b/frontend/pages/profile/index.vue
index 4d7a44f..ec5aacc 100644
--- a/frontend/pages/profile/index.vue
+++ b/frontend/pages/profile/index.vue
@@ -196,7 +196,7 @@ const handleSubmit = (withValidation: boolean) => {
                             {{ account?.last_name }}</span
                         >
                         <span
-                            class="typo-sub-h-xs lg:typo-sub-h-sm font-light text-slate-600 leading-[200%]"
+                            class="typo-sub-h-xs lg:typo-sub-h-sm !font-light text-slate-600 leading-[200%]"
                         >
                             با اولین خریدتون هوش مصنوعی وبسایتمون واستون یک
                             بایوگرافی درست میکنه :)

From abdc237a95fad1c6a44473a87cc0211f514c3d1e Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Wed, 16 Apr 2025 22:58:07 +0330
Subject: [PATCH 18/21] responsived

---
 frontend/pages/profile/notifications.vue | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/frontend/pages/profile/notifications.vue b/frontend/pages/profile/notifications.vue
index ce345bf..387575f 100644
--- a/frontend/pages/profile/notifications.vue
+++ b/frontend/pages/profile/notifications.vue
@@ -60,13 +60,13 @@ watch(
 
         <div
             v-if="isSupported"
-            class="w-fill flex items-center justify-between p-5 pt-0 border-b border-slate-200"
+            class="w-fill flex items-center justify-between py-5 lg:p-5 pt-0 border-b border-slate-200 gap-5"
         >
             <div class="flex items-start justify-start gap-3">
                 <Icon name="bi:bell" size="20" />
                 <div class="flex flex-col gap-1 pb-0.5">
                     <span class="text-sm"> دریافت مستقیم اعلانات </span>
-                    <span class="text-xs text-slate-500">
+                    <span class="text-xs text-slate-500 leading-[175%]">
                         اعلانات حساب شما به صورت مستقیم به دستگاه شما ارسال می
                         شود
                     </span>
@@ -83,10 +83,10 @@ watch(
             </div>
         </div>
 
-        <div class="w-full flex items-center justify-between px-5">
-            <span> 1 اعلان </span>
+        <div class="w-full flex items-center justify-between lg:px-5">
+            <span class="max-lg:text-sm"> 1 اعلان </span>
             <div class="flex items-center justify-start gap-3">
-                <span class="text-sm">فیلتر بر اساس</span>
+                <span class="text-xs lg:text-sm">فیلتر بر اساس</span>
 
                 <Select
                     v-model="params.sort!"
@@ -98,7 +98,7 @@ watch(
                             <SelectItem
                                 v-for="(category, index) in sortFilters"
                                 :key="index"
-                                class="text-xs leading-none w-full rounded-sm py-5 flex items-center justify-between h-[25px] pr-[12px] relative select-none data-[disabled]:pointer-events-none data-[highlighted]:outline-none data-[highlighted]:bg-slate-300 data-[highlighted]:text-black"
+                                class="text-xs leading-none w-full rounded-sm py-4 lg:py-5 flex items-center justify-between h-[25px] pr-[12px] relative select-none data-[disabled]:pointer-events-none data-[highlighted]:outline-none data-[highlighted]:bg-slate-300 data-[highlighted]:text-black"
                                 :value="category.value"
                             >
                                 <SelectItemIndicator
@@ -107,7 +107,7 @@ watch(
                                     <Icon name="bi:check" size="20" />
                                 </SelectItemIndicator>
                                 <SelectItemText
-                                    class="text-end font-iran-yekan-x text-sm"
+                                    class="text-end font-iran-yekan-x text-xs lg:text-sm"
                                 >
                                     {{ category.title }}
                                 </SelectItemText>

From 58b13946fb266b68d1e0da921192f06c28f750af Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Wed, 16 Apr 2025 22:58:19 +0330
Subject: [PATCH 19/21] responsived

---
 .../profile/purchases-and-orders/index.vue    | 40 +++++++++++++------
 1 file changed, 27 insertions(+), 13 deletions(-)

diff --git a/frontend/pages/profile/purchases-and-orders/index.vue b/frontend/pages/profile/purchases-and-orders/index.vue
index b87519d..a604fe5 100644
--- a/frontend/pages/profile/purchases-and-orders/index.vue
+++ b/frontend/pages/profile/purchases-and-orders/index.vue
@@ -118,10 +118,16 @@ const clearFilters = () => {
         <ProfilePageTitle title="خرید ها و سفارش های شما" icon="bi:cart" />
 
         <div class="w-full flex flex-col gap-5">
-            <div class="w-full flex items-center justify-between px-5">
-                <div class="flex items-center justify-start gap-8">
-                    <div class="flex items-center justify-start gap-3">
-                        <span class="text-sm">ترتیب بر اساس</span>
+            <div
+                class="w-full flex flex-col-reverse lg:flex-row items-center justify-between lg:px-5 gap-5"
+            >
+                <div
+                    class="max-lg:w-full flex items-center justify-start gap-8"
+                >
+                    <div
+                        class="flex flex-col lg:flex-row items-start lg:items-center justify-start gap-3 max-lg:w-full"
+                    >
+                        <span class="text-xs lg:text-sm">ترتیب بر اساس</span>
                         <Select
                             v-model="params.sort!"
                             triggerRootClass="!py-2.5"
@@ -132,7 +138,7 @@ const clearFilters = () => {
                                     <SelectItem
                                         v-for="(category, index) in sortFilters"
                                         :key="index"
-                                        class="text-xs leading-none w-full rounded-sm py-5 flex items-center justify-between h-[25px] pr-[12px] relative select-none data-[disabled]:pointer-events-none data-[highlighted]:outline-none data-[highlighted]:bg-slate-300 data-[highlighted]:text-black"
+                                        class="text-xs leading-none w-full rounded-sm py-4 lg:py-5 flex items-center justify-between h-[25px] pr-[12px] relative select-none data-[disabled]:pointer-events-none data-[highlighted]:outline-none data-[highlighted]:bg-slate-300 data-[highlighted]:text-black"
                                         :value="category.value"
                                     >
                                         <SelectItemIndicator
@@ -141,7 +147,7 @@ const clearFilters = () => {
                                             <Icon name="bi:check" size="20" />
                                         </SelectItemIndicator>
                                         <SelectItemText
-                                            class="text-end font-iran-yekan-x text-sm"
+                                            class="text-end font-iran-yekan-x text-xs lg:text-sm"
                                         >
                                             {{ category.title }}
                                         </SelectItemText>
@@ -150,8 +156,10 @@ const clearFilters = () => {
                             </template>
                         </Select>
                     </div>
-                    <div class="flex items-center justify-start gap-3">
-                        <span class="text-sm">وضعیت</span>
+                    <div
+                        class="flex flex-col lg:flex-row items-start lg:items-center justify-start gap-3 max-lg:w-full"
+                    >
+                        <span class="text-xs lg:text-sm">وضعیت</span>
                         <Select
                             v-model="params.status!"
                             triggerRootClass="!py-2.5"
@@ -164,7 +172,7 @@ const clearFilters = () => {
                                             category, index
                                         ) in statusFilters"
                                         :key="index"
-                                        class="text-xs leading-none w-full rounded-sm py-5 flex items-center justify-between h-[25px] pr-[12px] relative select-none data-[disabled]:pointer-events-none data-[highlighted]:outline-none data-[highlighted]:bg-slate-300 data-[highlighted]:text-black"
+                                        class="text-xs leading-none w-full rounded-sm py-4 lg:py-5 flex items-center justify-between h-[25px] pr-[12px] relative select-none data-[disabled]:pointer-events-none data-[highlighted]:outline-none data-[highlighted]:bg-slate-300 data-[highlighted]:text-black"
                                         :value="category.value"
                                     >
                                         <SelectItemIndicator
@@ -173,7 +181,7 @@ const clearFilters = () => {
                                             <Icon name="bi:check" size="20" />
                                         </SelectItemIndicator>
                                         <SelectItemText
-                                            class="text-end font-iran-yekan-x text-sm"
+                                            class="text-end font-iran-yekan-x text-xs lg:text-sm"
                                         >
                                             {{ category.title }}
                                         </SelectItemText>
@@ -184,7 +192,10 @@ const clearFilters = () => {
                     </div>
                 </div>
 
-                <div class="flex-center gap-4">
+                <div
+                    class="flex items-center lg:justify-center gap-4 max-lg:w-full"
+                    :class="hasFilters ? 'justify-between' : 'justify-end'"
+                >
                     <Button
                         v-if="hasFilters"
                         end-icon="bi:x"
@@ -227,7 +238,7 @@ const clearFilters = () => {
                                 ? 'w-1/2'
                                 : 'w-2/12'
                         "
-                        class="px-6 py-5 text-sm font-normal"
+                        class="px-6 py-5 text-xs lg:text-sm font-normal shrink-0 whitespace-pre"
                     >
                         {{ tableHead }}
                     </th>
@@ -246,7 +257,10 @@ const clearFilters = () => {
                 </template>
             </Table>
 
-            <div v-if="data && paginationData && data.count > 10" class="w-full flex-center py-10">
+            <div
+                v-if="data && paginationData && data.count > 10"
+                class="w-full flex-center py-10"
+            >
                 <Pagination :items="paginationData" :total="data.count" />
             </div>
         </div>

From 23f169623658b5d4e84fa618d6f36a39621472ec Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Wed, 16 Apr 2025 22:58:24 +0330
Subject: [PATCH 20/21] responsived

---
 frontend/pages/profile/tickets/index.vue | 40 ++++++++++++++++--------
 1 file changed, 27 insertions(+), 13 deletions(-)

diff --git a/frontend/pages/profile/tickets/index.vue b/frontend/pages/profile/tickets/index.vue
index 608b8f0..c06c5f0 100644
--- a/frontend/pages/profile/tickets/index.vue
+++ b/frontend/pages/profile/tickets/index.vue
@@ -99,10 +99,16 @@ const clearFilters = () => {
         <ProfilePageTitle title="تیکت های شما" icon="bi:ticket" />
 
         <div class="w-full flex flex-col gap-5">
-            <div class="w-full flex items-center justify-between px-5">
-                <div class="flex items-center justify-start gap-8">
-                    <div class="flex items-center justify-start gap-3">
-                        <span class="text-sm">ترتیب بر اساس</span>
+            <div
+                class="w-full flex flex-col-reverse lg:flex-row items-center justify-between lg:px-5 gap-5"
+            >
+                <div
+                    class="max-lg:w-full flex items-center justify-start gap-8"
+                >
+                    <div
+                        class="flex flex-col lg:flex-row items-start lg:items-center justify-start gap-3 max-lg:w-full"
+                    >
+                        <span class="text-xs lg:text-sm">ترتیب بر اساس</span>
                         <Select
                             v-model="params.sort!"
                             triggerRootClass="!py-2.5"
@@ -113,7 +119,7 @@ const clearFilters = () => {
                                     <SelectItem
                                         v-for="(category, index) in sortFilters"
                                         :key="index"
-                                        class="text-xs leading-none w-full rounded-sm py-5 flex items-center justify-between h-[25px] pr-[12px] relative select-none data-[disabled]:pointer-events-none data-[highlighted]:outline-none data-[highlighted]:bg-slate-300 data-[highlighted]:text-black"
+                                        class="text-xs leading-none w-full rounded-sm py-4 lg:py-5 flex items-center justify-between h-[25px] pr-[12px] relative select-none data-[disabled]:pointer-events-none data-[highlighted]:outline-none data-[highlighted]:bg-slate-300 data-[highlighted]:text-black"
                                         :value="category.value"
                                     >
                                         <SelectItemIndicator
@@ -122,7 +128,7 @@ const clearFilters = () => {
                                             <Icon name="bi:check" size="20" />
                                         </SelectItemIndicator>
                                         <SelectItemText
-                                            class="text-end font-iran-yekan-x text-sm"
+                                            class="text-end font-iran-yekan-x lg:text-sm"
                                         >
                                             {{ category.title }}
                                         </SelectItemText>
@@ -131,8 +137,10 @@ const clearFilters = () => {
                             </template>
                         </Select>
                     </div>
-                    <div class="flex items-center justify-start gap-3">
-                        <span class="text-sm">وضعیت</span>
+                    <div
+                        class="flex flex-col lg:flex-row items-start lg:items-center justify-start gap-3 max-lg:w-full"
+                    >
+                        <span class="text-xs lg:text-sm">وضعیت</span>
                         <Select
                             v-model="params.status!"
                             triggerRootClass="!py-2.5"
@@ -145,7 +153,7 @@ const clearFilters = () => {
                                             category, index
                                         ) in statusFilters"
                                         :key="index"
-                                        class="text-xs leading-none w-full rounded-sm py-5 flex items-center justify-between h-[25px] pr-[12px] relative select-none data-[disabled]:pointer-events-none data-[highlighted]:outline-none data-[highlighted]:bg-slate-300 data-[highlighted]:text-black"
+                                        class="text-xs leading-none w-full rounded-sm py-4 lg:py-5 flex items-center justify-between h-[25px] pr-[12px] relative select-none data-[disabled]:pointer-events-none data-[highlighted]:outline-none data-[highlighted]:bg-slate-300 data-[highlighted]:text-black"
                                         :value="category.value"
                                     >
                                         <SelectItemIndicator
@@ -154,7 +162,7 @@ const clearFilters = () => {
                                             <Icon name="bi:check" size="20" />
                                         </SelectItemIndicator>
                                         <SelectItemText
-                                            class="text-end font-iran-yekan-x text-sm"
+                                            class="text-end font-iran-yekan-x text-xs lg:text-sm"
                                         >
                                             {{ category.title }}
                                         </SelectItemText>
@@ -165,7 +173,10 @@ const clearFilters = () => {
                     </div>
                 </div>
 
-                <div class="flex-center gap-4">
+                <div
+                    class="flex items-center lg:justify-center gap-4 max-lg:w-full"
+                    :class="hasFilters ? 'justify-between' : 'justify-end'"
+                >
                     <Button
                         v-if="hasFilters"
                         end-icon="bi:x"
@@ -208,7 +219,7 @@ const clearFilters = () => {
                                 ? 'w-1/2'
                                 : 'w-2/12'
                         "
-                        class="px-6 py-5 text-sm font-normal"
+                        class="px-6 py-5 text-xs lg:text-sm font-normal shrink-0 whitespace-pre"
                     >
                         {{ tableHead }}
                     </th>
@@ -227,7 +238,10 @@ const clearFilters = () => {
                 </template>
             </Table>
 
-            <div v-if="data && paginationData && data.count > 7" class="w-full flex-center py-10">
+            <div
+                v-if="data && paginationData && data.count > 7"
+                class="w-full flex-center py-10"
+            >
                 <Pagination :items="paginationData" :total="data?.count" />
             </div>
         </div>

From d264a09ee8636d3d4c8ddddf640b76a39c6fa029 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Wed, 16 Apr 2025 22:58:57 +0330
Subject: [PATCH 21/21] fixed orders select in new ticket

---
 frontend/pages/profile/tickets/new.vue | 31 +++++++++++++++++---------
 1 file changed, 20 insertions(+), 11 deletions(-)

diff --git a/frontend/pages/profile/tickets/new.vue b/frontend/pages/profile/tickets/new.vue
index 4b7356a..2b92e3a 100644
--- a/frontend/pages/profile/tickets/new.vue
+++ b/frontend/pages/profile/tickets/new.vue
@@ -10,6 +10,7 @@ import { useToast } from "~/composables/global/useToast";
 import { QUERY_KEYS } from "~/constants";
 import useVuelidate from "@vuelidate/core";
 import { helpers, required, minLength } from "@vuelidate/validators";
+import type { GetAllOrdersRequest } from "~/composables/api/orders/useGetAllOrders";
 
 // meta
 
@@ -72,9 +73,18 @@ const ticketData = ref<CreateTicketRequest>({
     attachments: [],
 });
 
+const ordersFilter = computed<GetAllOrdersRequest>(() => {
+    return {
+        sort: "created_at",
+        status: "RECEIVED",
+        page: 1,
+    } as any;
+});
+
 // queries
 
-const { data: orders, isLoading: ordersIsLoading } = useGetAllOrders();
+const { data: orders, isLoading: ordersIsLoading } =
+    useGetAllOrders(ordersFilter);
 
 const { mutateAsync: createTicket, isPending: createTicketIsPending } =
     useCreateTicket();
@@ -257,7 +267,7 @@ const handleSubmit = async () => {
                         <template #content>
                             <SelectGroup>
                                 <SelectItem
-                                    v-for="(order, index) in orders"
+                                    v-for="(order, index) in orders?.results"
                                     :key="index"
                                     class="text-xs leading-none w-full rounded-sm py-5 flex items-center justify-between h-[25px] px-[12px] shrink-0 relative select-none data-[disabled]:pointer-events-none data-[highlighted]:outline-none data-[highlighted]:bg-slate-300 data-[highlighted]:text-black"
                                     :value="order.id"
@@ -267,17 +277,14 @@ const handleSubmit = async () => {
                                     >
                                         <div class="flex items-center gap-4">
                                             <AvatarGroup
-                                                :items="[
-                                                    'https://c262408.parspack.net/media/profile_photos/Jackie_Robinson_NPG_97_135.jpg?AWSAccessKeyId=mtiSN2JWjWgyfr2u&Signature=mlUzygzyg2gQD7B5STTlgM2N%2FUM%3D&Expires=1740517316',
-                                                    'https://c262408.parspack.net/media/profile_photos/Jackie_Robinson_NPG_97_135.jpg?AWSAccessKeyId=mtiSN2JWjWgyfr2u&Signature=mlUzygzyg2gQD7B5STTlgM2N%2FUM%3D&Expires=1740517316',
-                                                    'https://c262408.parspack.net/media/profile_photos/Jackie_Robinson_NPG_97_135.jpg?AWSAccessKeyId=mtiSN2JWjWgyfr2u&Signature=mlUzygzyg2gQD7B5STTlgM2N%2FUM%3D&Expires=1740517316',
-                                                ]"
+                                                v-if="order.images.length > 0"
+                                                :items="order.images"
                                                 :max="2"
                                                 size="32px"
                                             />
 
                                             <div
-                                                class="flex flex-col items-start gap-1 text-[10px]"
+                                                class="flex items-start gap-1 text-[10px]"
                                             >
                                                 <span
                                                     >{{
@@ -285,14 +292,16 @@ const handleSubmit = async () => {
                                                     }}
                                                     محصول</span
                                                 >
+                                                |
                                                 <span>
-                                                    شماره سفارش : {{ order.id }}
+                                                    شماره سفارش :
+                                                    {{ order.id }}#
                                                 </span>
                                             </div>
                                         </div>
 
-                                        <span>
-                                            {{ order.status }}
+                                        <span class="text-[10px]">
+                                            {{ order.verbose_status }}
                                         </span>
                                     </SelectItemText>
                                 </SelectItem>