added back button in mobile

2025-04-08 23:00:00 +03:30
parent 0a903b9e91
commit 760c661b45
1 changed files with 7 additions and 3 deletions
@@ -9,6 +9,10 @@ type Props = {
 // props

 defineProps<Props>();
+
+// inject
+
+const toggleSidebar = inject("toggleSidebar");
 </script>

 <template>
@@ -16,14 +20,14 @@ defineProps<Props>();
        class="flex items-center justify-between w-full gap-3 px-5 py-4 rounded-xl bg-slate-50 border border-slate-200"
    >
        <div class="flex items-center w-full gap-3 lg:w-1/2">
-            <button class="flex-center lg:hidden">
-                <Icon name="bi:chevron-right" size="24" class="**:fill-black" />
+            <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">
                {{ title }}
            </p>
        </div>
-        <Icon :name="icon" size="24" class="**:fill-black" />
+        <Icon :name="icon" size="18" class="**:fill-black" />
    </div>
 </template>