refactor: move flyout to left side, restore logo, remove close button
Some checks failed
Build and Push Backend Image / build (push) Failing after 47s
Build and Push Frontend Image / build (push) Successful in 5m13s

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-05 12:34:57 +01:00
parent d7057c3681
commit e200514347

View File

@@ -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">