From 702b83ed25f49ac39455babf44bcb72cf2dba1f0 Mon Sep 17 00:00:00 2001
From: fengyarnom <fengyarnom@gmail.com>
Date: Fri, 13 Jun 2025 18:00:08 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E9=80=82=E9=85=8D=E6=89=8B=E6=9C=BA?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../main/resources/templates/page/device_overview.html | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/sec-beidou/src/main/resources/templates/page/device_overview.html b/sec-beidou/src/main/resources/templates/page/device_overview.html
index 8cc3d97b..7e20f5fd 100644
--- a/sec-beidou/src/main/resources/templates/page/device_overview.html
+++ b/sec-beidou/src/main/resources/templates/page/device_overview.html
@@ -49,6 +49,7 @@
         .flex-row {
             display: flex;
             align-items: stretch;
+            flex-wrap: wrap;
         }
         .flex-row > .layui-col-xs12,
         .flex-row > .layui-col-md6 {
@@ -111,6 +112,7 @@
             border-radius: 3px;
             box-shadow: 0 2px 4px rgba(0,0,0,0.2);
             min-width: 220px;
+            margin-bottom: 1em;
         }
         .map-control-card .title {
             font-size: 14px;
@@ -159,6 +161,14 @@
             margin-top: 0;
             border-radius: 6px;
         }
+
+        @media screen and (max-width: 768px) {
+            .map-control-card {
+                position: static;
+                display: block;
+                margin-bottom: 1em;
+            }
+        }
     </style>
 
     <script src="https://cdn.jsdelivr.net/npm/ol@v10.5.0/dist/ol.js"></script>