fix: offline checker not show in large screen (#1043)

Co-authored-by: 三咲智子 Kevin Deng <sxzz@sxzz.moe>
closes https://github.com/elk-zone/elk/issues/1042
This commit is contained in:
Alex 2023-01-13 13:49:48 +08:00 committed by GitHub
parent f758fc6bea
commit 5e940e58cb
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 6 deletions

View file

@ -1,7 +1,4 @@
<script setup lang="ts"> <script setup lang="ts">
defineProps<{
smallScreen: boolean
}>()
const online = useOnline() const online = useOnline()
</script> </script>

View file

@ -52,9 +52,9 @@ const showUserPicker = logicAnd(
<div min-h="[calc(100vh-3.5rem)]" sm:min-h-screen> <div min-h="[calc(100vh-3.5rem)]" sm:min-h-screen>
<slot /> <slot />
</div> </div>
<div sm:hidden sticky left-0 right-0 bottom-0 z-10 bg-base pb="[env(safe-area-inset-bottom)]" transition="padding 20"> <div sticky left-0 right-0 bottom-0 z-10 bg-base pb="[env(safe-area-inset-bottom)]" transition="padding 20">
<CommonOfflineChecker :small-screen="isHydrated" /> <CommonOfflineChecker v-if="isHydrated" />
<NavBottom v-if="isHydrated" /> <NavBottom v-if="isHydrated" sm:hidden />
</div> </div>
</div> </div>
<aside v-if="isHydrated && !wideLayout" class="hidden sm:none lg:block w-1/4 zen-hide"> <aside v-if="isHydrated && !wideLayout" class="hidden sm:none lg:block w-1/4 zen-hide">