From 8c9a13d3f521919c7517a0191b6e7577a743a618 Mon Sep 17 00:00:00 2001
From: hmtsai <rarmicrozip@outlook.com>
Date: Sat, 10 Aug 2024 09:27:05 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=9C=A8=E9=83=A8=E5=88=86?=
 =?UTF-8?q?=E8=AE=BE=E5=A4=87=E4=B8=8A=E5=B8=83=E5=B1=80=E4=B8=8D=E6=AD=A3?=
 =?UTF-8?q?=E7=A1=AE=E7=9A=84=E9=97=AE=E9=A2=98=EF=BC=8C=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html  | 6 ++++++
 src/App.vue | 6 +++---
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 8b378b8..666b102 100644
--- a/index.html
+++ b/index.html
@@ -28,6 +28,12 @@
         height: 100%;
         width: 100%;
       }
+
+      @media screen and (max-width:640px){
+        #app {
+            margin:0;
+        }
+      }
     </style>
     <div id="app"></div>
     <script type="module" src="/src/main.ts"></script>
diff --git a/src/App.vue b/src/App.vue
index 67947d6..bf24ba8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -87,18 +87,18 @@ mdui-layout-main {
 
 mdui-card {
   margin: 3px;
-  width: 24.5%;
+  width: calc(25% - 6px);
   height: 25%;
 }
 
 @media screen and (max-width: 640px) {
   mdui-card {
-    margin: 0;
-    width: 100%;
+    width: calc(100% - 6px);
   }
 
   mdui-layout-main{
     flex-direction: column;
+    flex-wrap: nowrap;
   }
 }
 </style>