diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue
index 48c29f43..812a3bff 100644
--- a/src/layout/components/AppMain.vue
+++ b/src/layout/components/AppMain.vue
@@ -33,11 +33,6 @@ if (!appStore.utc) {
     ElMessage.error(res.errors);
   }
 }
-if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
-  appStore.setIsMobile(true);
-} else {
-  appStore.setIsMobile(false);
-}
 </script>
 <style lang="scss" scoped>
 .app-main {
diff --git a/src/layout/components/SideBar.vue b/src/layout/components/SideBar.vue
index 6bb75048..138082fc 100644
--- a/src/layout/components/SideBar.vue
+++ b/src/layout/components/SideBar.vue
@@ -109,14 +109,21 @@ import { ref } from "vue";
 import { useRouter, RouteRecordRaw } from "vue-router";
 import { useI18n } from "vue-i18n";
 import Icon from "@/components/Icon.vue";
+import { useAppStoreWithOut } from "@/store/modules/app";
 
+const appStore = useAppStoreWithOut();
 const { t } = useI18n();
 const name = ref<any>(String(useRouter().currentRoute.value.name));
 const theme = ["VirtualMachine", "Kubernetes"].includes(name.value || "")
   ? ref("light")
   : ref("black");
 const routes = ref<any>(useRouter().options.routes);
-const isCollapse = ref(false);
+if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
+  appStore.setIsMobile(true);
+} else {
+  appStore.setIsMobile(false);
+}
+const isCollapse = ref(appStore.isMobile ? true : false);
 const controlMenu = () => {
   isCollapse.value = !isCollapse.value;
 };
diff --git a/src/styles/reset.scss b/src/styles/reset.scss
index 77aaf728..97f65c85 100644
--- a/src/styles/reset.scss
+++ b/src/styles/reset.scss
@@ -25,6 +25,7 @@ body {
   text-rendering: optimizeLegibility;
   text-size-adjust: 100%;
   min-width: 1024px;
+  height: 100%;
 }
 
 html,