From f017ce098c485fff8bea4aa4d63270d8760bb9f4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=8D=E5=81=9A=E7=A0=81=E5=86=9C?= <599854767@qq.com>
Date: Wed, 31 Aug 2022 20:32:07 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96ui?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/Navbar.vue | 12 +++++++-----
 src/layout/index.vue             |  4 ++--
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index aea5fc5..6e76ab9 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -1,16 +1,18 @@
 <template>
   <div class="navbar" :data-theme="sideTheme" :class="appStore.device">
     <hamburger id="hamburger-container" :is-active="appStore.sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
-    <template v-if="appStore.device != 'mobile'">
+    <template v-if="appStore.device == 'desktop'">
       <breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!settingsStore.topNav" />
       <top-nav id="topmenu-container" class="topmenu-container" v-if="settingsStore.topNav" />
     </template>
 
     <div class="right-menu">
-      <header-search id="header-search" class="right-menu-item" v-if="appStore.device != 'mobile'" />
-      <zr-git title="源码地址" class="right-menu-item" v-if="appStore.device != 'mobile'" />
-      <zr-doc title="文档地址" class="right-menu-item" v-if="appStore.device != 'mobile'" />
-      <screenfull title="全屏" class="right-menu-item" v-if="appStore.device != 'mobile'" />
+      <header-search id="header-search" class="right-menu-item" />
+      <template v-if="appStore.device == 'desktop'">
+        <zr-git title="源码地址" class="right-menu-item" />
+        <zr-doc title="文档地址" class="right-menu-item" />
+        <screenfull title="全屏" class="right-menu-item" />
+      </template>
       <size-select title="布局大小" class="right-menu-item" />
       <LangSelect title="语言设置" class="right-menu-item" />
       <Notice title="通知" class="right-menu-item" />
diff --git a/src/layout/index.vue b/src/layout/index.vue
index 4c93cd5..8acd4bc 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -1,7 +1,7 @@
 <template>
   <el-container :class="classObj" class="app-layout" :style="{ '--current-color': theme }">
     <!-- 移动端打开菜单遮罩 -->
-    <el-drawer v-if="device === 'mobile'" v-model="menuDrawer" :with-header="false" modal-class="sidebar-mobile" direction="ltr">
+    <el-drawer v-if="device === 'mobile'" :size="220" v-model="menuDrawer" :with-header="false" modal-class="sidebar-mobile" direction="ltr">
       <sidebar />
     </el-drawer>
     <sidebar v-else-if="!sidebar.hide" />
@@ -66,7 +66,7 @@ const classObj = computed(() => ({
 }))
 
 const { width, height } = useWindowSize()
-const WIDTH = 592 // refer to Bootstrap's responsive design
+const WIDTH = 792 // refer to Bootstrap's responsive design
 
 watchEffect(() => {
   if (device.value === 'mobile' && sidebar.value.opened) {