fix: NavBottom fixed, not sticky

I could be missing something, but this fixes the bottom nav bar for me on mobile in Firefox, doesn't regress in Chrome, and doesn't affect the desktop layout.

resolve #1558
This commit is contained in:
Zack Cerza 2023-11-14 21:05:09 +07:00
parent e00e4074e1
commit a3d1f0f828

View file

@ -54,7 +54,7 @@ const isGrayscale = usePreferences('grayscaleMode')
<div min-h="[calc(100vh-3.5rem)]" sm:min-h-screen>
<slot />
</div>
<div sticky left-0 right-0 bottom-0 z-10 bg-base pb="[env(safe-area-inset-bottom)]" transition="padding 20">
<div fixed left-0 right-0 bottom-0 z-10 bg-base pb="[env(safe-area-inset-bottom)]" transition="padding 20">
<CommonOfflineChecker v-if="isHydrated" />
<NavBottom v-if="isHydrated" sm:hidden />
</div>