refactor(style): align sidebar controls
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
2026-05-17 18:29:04 -04:00
parent f5bc4e2ae4
commit 0c002cf5ee
2 changed files with 32 additions and 19 deletions

View File

@@ -20,13 +20,13 @@
class="fixed top-0 left-0 right-0 z-50 flex justify-between px-4 md:px-6 pb-3 pointer-events-none"
style="padding-top: max(1rem, env(safe-area-inset-top));"
>
<div class="size-9 flex items-center justify-start pointer-events-auto">
<div class="size-9 flex items-center justify-start pointer-events-none">
<button
x-show="$store.navigation.activeTab === 'chats'"
x-show="$store.navigation.activeTab === 'chats' && !$store.chatSidebar.mobileOpen"
@click="$store.chatSidebar.toggleMobile()"
:aria-expanded="$store.chatSidebar.mobileOpen ? 'true' : 'false'"
aria-label="Toggle conversation list"
class="md:hidden p-2 rounded-md text-primary-700 hover:bg-primary-300 transition-colors cursor-pointer"
class="md:hidden p-2 rounded-md text-primary-700 hover:bg-primary-300 transition-colors cursor-pointer pointer-events-auto"
>
<svg
x-show="!$store.chatSidebar.mobileOpen"
@@ -36,7 +36,7 @@
viewBox="0 0 24 24"
stroke="currentColor"
>
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
<svg
x-show="$store.chatSidebar.mobileOpen"
@@ -46,9 +46,10 @@
viewBox="0 0 24 24"
stroke="currentColor"
>
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
</svg>
</button>
</div>
<!-- Main Nav -->