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 -->
|
<!-- Flyout panel -->
|
||||||
<div
|
<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}
|
aria-hidden={!isMobileMenuOpen}
|
||||||
>
|
>
|
||||||
<!-- Panel header -->
|
<!-- Panel header -->
|
||||||
<div class="flex items-center justify-end px-5 py-4 border-b border-border/30">
|
<div class="flex items-center px-5 py-4 border-b border-border/30">
|
||||||
<button
|
<Logo hideName={true} />
|
||||||
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>
|
</div>
|
||||||
|
|
||||||
<div class="flex-1 py-6 px-5 space-y-6">
|
<div class="flex-1 py-6 px-5 space-y-6">
|
||||||
|
|||||||
Reference in New Issue
Block a user