From 9f9f2512a881985d8a8042d0ba01f3cda1000e9e Mon Sep 17 00:00:00 2001
From: anzzyspeaksgit <anzzyspeaksgit@users.noreply.github.com>
Date: Tue, 24 Mar 2026 04:07:04 +0000
Subject: [PATCH] fix(web): compatibility issue with mobile sidebar failing to
 hide on older browsers like Quark

Closes #63
---
 web/src/layouts/MainLayout.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/layouts/MainLayout.vue b/web/src/layouts/MainLayout.vue
index dea567b..86e6f08 100644
--- a/web/src/layouts/MainLayout.vue
+++ b/web/src/layouts/MainLayout.vue
@@ -111,8 +111,8 @@ onMounted(() => {
 
     <!-- Sidebar -->
     <aside :class="[
-      'fixed lg:static inset-y-0 left-0 z-50 w-44 border-r bg-background flex flex-col transform transition-transform duration-200 ease-in-out lg:transform-none',
-      mobileMenuOpen ? 'translate-x-0' : '-translate-x-full lg:translate-x-0'
+      'fixed lg:static inset-y-0 z-50 w-44 border-r bg-background flex flex-col transition-[left] duration-200 ease-in-out',
+      mobileMenuOpen ? 'left-0' : '-left-44 lg:left-0'
     ]">
       <div class="h-14 flex items-center justify-center px-4 font-semibold text-lg border-b relative">
         <span>{{ siteSettings.title }}</span>