From 90bf5a0c53972ea7098c49aae577b3a091b9b012 Mon Sep 17 00:00:00 2001 From: boban Date: Sat, 16 May 2026 19:01:26 +0200 Subject: [PATCH] =?UTF-8?q?fix(bug-2):=20mobile=20hamburger=20=E2=80=94=20?= =?UTF-8?q?use=20CSS=20translate=20property=20to=20override=20Tailwind=20v?= =?UTF-8?q?4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Tailwind v4 compiles -translate-x-full to `translate: -100%` (CSS translate shorthand), not `transform`. The old :style set `transform: translateX(0)` — a different property — so the sidebar stayed hidden regardless of mobileOpen. Fix: use `translate: 0` in inline style so it overrides the same property. Co-Authored-By: Claude Sonnet 4.6 --- resources/views/components/sidebar.blade.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/resources/views/components/sidebar.blade.php b/resources/views/components/sidebar.blade.php index 99e7566..65f2e82 100644 --- a/resources/views/components/sidebar.blade.php +++ b/resources/views/components/sidebar.blade.php @@ -100,7 +100,7 @@ x-data="{ wsOpen: false }" :class="$store.sidebar.collapsed ? 'w-16' : 'w-60'" class="fixed inset-y-0 left-0 h-screen flex flex-col bg-s1 border-r border-white/[.06] z-40 -translate-x-full md:translate-x-0 transition-[width,transform] duration-200 ease-in-out" - :style="$store.sidebar?.mobileOpen ? 'transform: translateX(0)' : null" + :style="$store.sidebar?.mobileOpen ? 'translate: 0' : null" >