修复移动端样式

ArkMowers · Dec 18, 2023 · 06070e2 · 06070e2
1 parent 71876a4
commit 06070e2
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 11 deletions.
diff --git a/ui/src/App.vue b/ui/src/App.vue
@@ -213,7 +213,7 @@ import { usewatermarkStore } from '@/stores/watermark'
 const watermarkStore = usewatermarkStore()
 const { getwatermarkinfo } = watermarkStore
 
-const watermarkData = ref("mower")
+const watermarkData = ref('mower')
 
 const config_store = useConfigStore()
 const { load_config, load_shop } = config_store

diff --git a/ui/src/pages/Log.vue b/ui/src/pages/Log.vue
@@ -109,10 +109,6 @@ import ReloadIcon from '@vicons/ionicons5/Reload'
 </template>
 
 <style scoped lang="scss">
-.home-container {
-  width: calc(100% - 24px);
-}
-
 .log {
   flex-grow: 1;
   overflow: hidden;

diff --git a/ui/src/pages/Plan.vue b/ui/src/pages/Plan.vue
@@ -191,7 +191,7 @@ async function import_plan() {
 <template>
   <trigger-dialog />
   <task-dialog />
-  <div class="home-container plan-bar w-980 mx-auto mt-12">
+  <div class="home-container plan-bar w-980 mx-auto mt-12 mw-980">
     <n-input type="textarea" :autosize="true" v-model:value="plan_file" />
     <n-button @click="open_plan_file">...</n-button>
     <n-button @click="import_plan">
@@ -207,7 +207,7 @@ async function import_plan() {
       导出图片
     </n-button>
   </div>
-  <div class="home-container plan-bar w-980 mx-auto">
+  <div class="home-container plan-bar w-980 mx-auto mw-980">
     <n-button
       :disabled="sub_plan == 'main'"
       @click="sub_plan = sub_plan == 0 ? 'main' : sub_plan - 1"
@@ -250,9 +250,9 @@ async function import_plan() {
       删除此副表
     </n-button>
   </div>
-  <plan-editor ref="plan_editor" class="w-980 mx-auto" />
+  <plan-editor ref="plan_editor" class="w-980 mx-auto mw-980 px-12" />
   <n-form
-    class="w-980 mx-auto mb-12"
+    class="w-980 mx-auto mb-12 px-12 mw-980"
     :label-placement="mobile ? 'top' : 'left'"
     :show-feedback="false"
     label-width="160"
@@ -393,10 +393,18 @@ async function import_plan() {
   margin-bottom: 12px;
 }
 
+.px-12 {
+  padding: 0 12px;
+}
+
+.mw-980 {
+  min-width: 980px;
+}
+
 .plan-bar {
   flex-direction: row;
   flex-grow: 0;
   gap: 6px;
-  padding: 0;
+  padding: 0 12px;
 }
 </style>
diff --git a/ui/src/pages/Settings.vue b/ui/src/pages/Settings.vue
@@ -432,6 +432,10 @@ ul {
     max-width: 600px;
     margin-top: 10px;
   }
+  .home-container {
+    width: calc(100% - 24px);
+    max-width: 600px;
+  }
 }
 /*双栏 大于1400的内容 */
 @media (min-width: 1400px) {

diff --git a/ui/src/pages/readme.vue b/ui/src/pages/readme.vue
@@ -1,5 +1,5 @@
 <template>
-  <div style="width: 80%">
+  <div class="home-container">
     <!-- <h2>更新日志</h2> -->
     <h2>资源合集</h2>
     <div>