From 5e940e58cbe44401912ed45c988cefea7e11a923 Mon Sep 17 00:00:00 2001
From: Alex <49969959+alexzhang1030@users.noreply.github.com>
Date: Fri, 13 Jan 2023 13:49:48 +0800
Subject: [PATCH] fix: offline checker not show in large screen (#1043)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: 三咲智子 Kevin Deng <sxzz@sxzz.moe>
closes https://github.com/elk-zone/elk/issues/1042
---
 components/common/OfflineChecker.vue | 3 ---
 layouts/default.vue                  | 6 +++---
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/components/common/OfflineChecker.vue b/components/common/OfflineChecker.vue
index 71c299a3..155efdcf 100644
--- a/components/common/OfflineChecker.vue
+++ b/components/common/OfflineChecker.vue
@@ -1,7 +1,4 @@
 <script setup lang="ts">
-defineProps<{
-  smallScreen: boolean
-}>()
 const online = useOnline()
 </script>
 
diff --git a/layouts/default.vue b/layouts/default.vue
index 4bd08925..e72246ad 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -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">