responsived some parts

2025-04-16 22:57:00 +03:30
parent 9f2ab81a6b
commit 67796d139b
1 changed files with 5 additions and 3 deletions
@@ -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