微调样式

ArkMowers · Oct 1, 2023 · 98f3155 · 98f3155
1 parent 3ae0c2b
commit 98f3155
Showing 1 changed file with 22 additions and 10 deletions.
diff --git a/ui/src/pages/Settings.vue b/ui/src/pages/Settings.vue
@@ -383,34 +383,46 @@ ul {
 </style>
 
 <style>
-.grid-left {
+
+/*小于1400的内容！*/
+@media (max-width: 1399px) {
+  .grid-two {
+    margin: 0 0 -10px 0;
+  }
+  .grid-left {
     display: grid;
-    gap: 5px;
+    row-gap: 10px;
     grid-template-columns: 100%;
     max-width: 600px;
   }
   .grid-right {
     display: grid;
-    gap: 5px;
+    row-gap: 10px;
     grid-template-columns: 100%;
     max-width: 600px;
   }
 
-/*小于1400的内容！*/
-@media (max-width: 1399px) {
-  .grid-two {
-    gap: 0px;
-  }
-  
 }
 /*双栏 大于1400的内容 */
 @media (min-width: 1400px) {
   .grid-two {
     display: grid;
-    gap: 16px;
     grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr);
     align-items: flex-start;
   }
+  .grid-left {
+    display: grid;
+    gap: 5px;
+    grid-template-columns: 100%;
+    max-width: 600px;
+  }
+  .grid-right {
+    display: grid;
+    gap: 5px;
+    grid-template-columns: 100%;
+    max-width: 600px;
+  }
+
 }