A mobile compatible

web+/src/layout/components/Navbar.vue

@@ -28,7 +28,10 @@
         </el-dropdown-menu>
       </template>
     </el-dropdown>
-    <breadcrumb class="breadcrumb-container" />
+    <breadcrumb
+      v-show="$store.state.app.device === 'desktop'"
+      class="breadcrumb-container"
+    />
     <div class="right">
       <div v-show="false" class="github">
         <span class="github-btn">

web+/src/views/monitor/index.vue

@@ -113,13 +113,21 @@
         @current-change="handlePageChange"
       />
     </el-row>
-    <el-dialog v-model="dialogVisible" :title="$t('setting')">
+    <el-dialog
+      v-model="dialogVisible"
+      :title="$t('setting')"
+      :fullscreen="$store.state.app.device === 'mobile'"
+      :close-on-click-modal="false"
+    >
       <el-form
         ref="form"
         v-loading="formProps.loading"
         :rules="formRules"
         :model="formData"
         label-width="120px"
+        :label-position="
+          $store.state.app.device === 'desktop' ? 'right' : 'top'
+        "
       >
         <el-form-item :label="$t('name')" prop="name">
           <el-input v-model="formData.name" autocomplete="off" />

web+/src/views/project/manage/TheFileDialog.vue

@@ -4,6 +4,7 @@
     :title="$t('manage')"
     custom-class="file-dialog"
     :close-on-click-modal="false"
+    :fullscreen="$store.state.app.device === 'mobile'"
   >
     <el-row
       v-if="formProps.show === 'file-list'"

web+/src/views/project/manage/TheServerDialog.vue

@@ -3,6 +3,7 @@
     v-model="dialogVisible"
     :title="$t('manage')"
     :close-on-click-modal="false"
+    :fullscreen="$store.state.app.device === 'mobile'"
   >
     <el-row class="app-bar" type="flex" justify="end">
       <el-button type="primary" icon="el-icon-plus" @click="handleAdd" />

web+/src/views/project/manage/TheUserDialog.vue

@@ -3,6 +3,7 @@
     v-model="dialogVisible"
     :title="$t('manage')"
     :close-on-click-modal="false"
+    :fullscreen="$store.state.app.device === 'mobile'"
   >
     <el-row class="app-bar" type="flex" justify="end">
       <el-button type="primary" icon="el-icon-plus" @click="handleAdd" />

web+/src/views/project/manage/index.vue

@@ -159,6 +159,7 @@
       :title="$t('setting')"
       width="60%"
       custom-class="project-setting-dialog"
+      :fullscreen="$store.state.app.device === 'mobile'"
       :close-on-click-modal="false"
     >
       <el-form
@@ -167,6 +168,9 @@
         :rules="formRules"
         :model="formData"
         label-width="120px"
+        :label-position="
+          $store.state.app.device === 'desktop' ? 'right' : 'top'
+        "
       >
         <el-tabs v-model="formProps.tab">
           <el-tab-pane :label="$t('baseSetting')" name="base">

web+/src/views/server/manage/TheXtermDrawer.vue

@@ -4,6 +4,7 @@
     v-model="drawerVisible"
     :title="`${serverRow.name}(${serverRow.description})`"
     :direction="$store.state.app.device === 'mobile' ? 'ttb' : 'rtl'"
+    :size="$store.state.app.device === 'mobile' ? 469 : '30%'"
     @opened="connectTerminal"
     @closed="closeTerminal"
   >

web+/src/views/server/manage/index.vue

@@ -89,6 +89,7 @@
       v-model="dialogVisible"
       :fullscreen="$store.state.app.device === 'mobile'"
       :title="$t('setting')"
+      :close-on-click-modal="false"
     >
       <el-form
         ref="form"