Merge pull request #65 from anzzyspeaksgit/fix/issue-63

fix(web): use `left` instead of `translate` for mobile sidebar compatibility
This commit is contained in:
engigu
2026-03-24 14:57:58 +08:00
committed by GitHub
+2 -2
View File
@@ -111,8 +111,8 @@ onMounted(() => {
<!-- Sidebar --> <!-- Sidebar -->
<aside :class="[ <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', '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 ? 'translate-x-0' : '-translate-x-full lg:translate-x-0' 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"> <div class="h-14 flex items-center justify-center px-4 font-semibold text-lg border-b relative">
<span>{{ siteSettings.title }}</span> <span>{{ siteSettings.title }}</span>