refactor: move flyout to left side, restore logo, remove close button
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -155,18 +155,12 @@
|
||||
|
||||
<!-- Flyout panel -->
|
||||
<div
|
||||
class={`fixed inset-y-0 right-0 z-50 w-80 max-w-[85vw] bg-card/95 backdrop-blur-xl shadow-2xl shadow-primary/20 border-l border-border/30 transform transition-transform duration-300 ease-in-out lg:hidden overflow-y-auto flex flex-col ${isMobileMenuOpen ? "translate-x-0" : "translate-x-full"}`}
|
||||
class={`fixed inset-y-0 left-0 z-50 w-80 max-w-[85vw] bg-card/95 backdrop-blur-xl shadow-2xl shadow-primary/20 border-r border-border/30 transform transition-transform duration-300 ease-in-out lg:hidden overflow-y-auto flex flex-col ${isMobileMenuOpen ? "translate-x-0" : "-translate-x-full"}`}
|
||||
aria-hidden={!isMobileMenuOpen}
|
||||
>
|
||||
<!-- Panel header -->
|
||||
<div class="flex items-center justify-end px-5 py-4 border-b border-border/30">
|
||||
<button
|
||||
class="cursor-pointer flex items-center justify-center w-8 h-8 rounded-full hover:bg-muted/60 transition-colors text-muted-foreground hover:text-foreground"
|
||||
onclick={closeMenu}
|
||||
aria-label="Close menu"
|
||||
>
|
||||
<span class="icon-[ri--close-line] w-5 h-5"></span>
|
||||
</button>
|
||||
<div class="flex items-center px-5 py-4 border-b border-border/30">
|
||||
<Logo hideName={true} />
|
||||
</div>
|
||||
|
||||
<div class="flex-1 py-6 px-5 space-y-6">
|
||||
|
||||
Reference in New Issue
Block a user