teutat3s/elk
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

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

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

3
components/common/OfflineChecker.vue
View file

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

6
layouts/default.vue
View file

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