diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue
index 812a3bff..48c29f43 100644
--- a/src/layout/components/AppMain.vue
+++ b/src/layout/components/AppMain.vue
@@ -33,6 +33,11 @@ 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/store/modules/app.ts b/src/store/modules/app.ts
index 8e3de407..e3121c0a 100644
--- a/src/store/modules/app.ts
+++ b/src/store/modules/app.ts
@@ -33,6 +33,7 @@ interface AppState {
   autoRefresh: boolean;
   pageTitle: string;
   version: string;
+  isMobile: boolean;
 }
 
 export const appStore = defineStore({
@@ -51,6 +52,7 @@ export const appStore = defineStore({
     autoRefresh: false,
     pageTitle: "",
     version: "",
+    isMobile: false,
   }),
   getters: {
     duration(): Duration {
@@ -121,6 +123,9 @@ export const appStore = defineStore({
       this.utcHour = utcHour;
       this.utc = `${utcHour}:${utcMin}`;
     },
+    setIsMobile(mode: boolean) {
+      this.isMobile = mode;
+    },
     setEventStack(funcs: (() => void)[]): void {
       this.eventStack = funcs;
     },