From 55ab01892e667f2542153f97234a6b01d5f97637 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Sat, 24 May 2025 20:47:14 +0330
Subject: [PATCH] added title clickable

---
 frontend/components/global/ComboBox.vue | 25 ++++++++++++++++---------
 1 file changed, 16 insertions(+), 9 deletions(-)

diff --git a/frontend/components/global/ComboBox.vue b/frontend/components/global/ComboBox.vue
index 14b7b9c..19622a0 100644
--- a/frontend/components/global/ComboBox.vue
+++ b/frontend/components/global/ComboBox.vue
@@ -96,22 +96,29 @@ watch(
                         />
 
                         <ComboboxLabel
-                            class="flex items-center justify-between px-[1.2rem] w-full max-lg:text-sm text-black bg-slate-200/50 leading-[25px] py-2 lg:py-3 rounded-lg"
+                            class="flex items-center justify-between px-[1.2rem] w-full max-lg:text-sm text-black bg-slate-200/50 leading-[25px] py-2 lg:py-4 rounded-lg"
                         >
-                            <span>
-                                {{ group.name }}
-                            </span>
-                            <Icon
-                                name="ci:delivery-boxes"
-                                class="text-lg"
-                            />
+                            <ComboboxItem
+                                :value="group"
+                                class="w-full text-sm cursor-pointer leading-none text-slate-700 rounded-md flex items-center relative select-none data-[disabled]:text-slate-50 data-[disabled]:pointer-events-none"
+                            >
+                                <div class="w-full flex items-center justify-between gap-2 max-lg:text-xs">
+                                    <span>
+                                        {{ group.name }}
+                                    </span>
+                                    <Icon
+                                        name="ci:delivery-boxes"
+                                        class="text-lg"
+                                    />
+                                </div>
+                            </ComboboxItem>
                         </ComboboxLabel>
 
                         <ComboboxItem
                             v-for="option in group.children"
                             :key="option.name"
                             :value="option"
-                            class="text-sm cursor-pointer leading-none text-slate-700 my-1.5 rounded-md hover:bg-slate-200/25 flex items-center py-2.5 px-[1.2rem] relative select-none data-[disabled]:text-slate-50 data-[disabled]:pointer-events-none"
+                            class="text-sm cursor-pointer leading-none text-slate-700 my-1.5 rounded-md hover:bg-slate-200/25 flex items-center py-3 px-[1.2rem] relative select-none data-[disabled]:text-slate-50 data-[disabled]:pointer-events-none"
                         >
                             <ComboboxItemIndicator
                                 class="absolute left-3 w-[25px] inline-flex items-center justify-center"