refactor(style): align sidebar controls
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
This commit is contained in:
@@ -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 -->
|
||||
|
||||
Reference in New Issue
Block a user