From b38f9f91d815612671c19c0a5abf785781a6e3fe Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Thu, 20 Mar 2025 23:28:20 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=90=8E=E5=8F=B0UI=E7=9A=84?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 TC1/http_server/web/index.html | 24 ++++++++++++++++--------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/TC1/http_server/web/index.html b/TC1/http_server/web/index.html
index 85fb61b..764b5a2 100644
--- a/TC1/http_server/web/index.html
+++ b/TC1/http_server/web/index.html
@@ -121,8 +121,9 @@
 
 
 
-            <div class="page page1 mdl-cell mdl-cell--5-col demo-card-square mdl-card mdl-shadow--2dp"
-                 style="overflow: unset;">
+            <div class="page page1 mdl-cell mdl-cell--4-col mdl-cell--8-col-tablet mdl-grid mdl-grid--no-spacing">
+                <div class="demo-options mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col mdl-cell--3-col-tablet mdl-cell--12-col-desktop">
+                    <div class="mdl-card__supporting-text">
 
                         <div class="mdl-card__title mdl-card--expand">
                             <h2 class="mdl-card__title-text">插座控制</h2>
@@ -279,17 +280,19 @@
                     </span>
                             </li>
                         </ul>
-
+                    </div>
+                </div>
                     </div>
 
-            <div class="page page1 mdl-cell mdl-cell--5-col demo-card-square mdl-card mdl-shadow--2dp"
-                 style="overflow: unset;">
+            <div class="page page1 mdl-cell mdl-cell--4-col mdl-cell--8-col-tablet mdl-grid mdl-grid--no-spacing">
+                <div class="demo-options mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col mdl-cell--3-col-tablet mdl-cell--12-col-desktop">
+                    <div class="mdl-card__supporting-text">
                 <div class="mdl-card__title mdl-card--expand">
                     <h2 class="mdl-card__title-text">功率图</h2>
                 </div>
 
                 <div id="ct-chart-par"
-                     class="page page1 mdl-card__supporting-text mdl-shadow--2dp mdl-cell mdl-cell--6-col"
+                     class="page page1 mdl-card__supporting-text mdl-shadow--2dp"
                      style="height:315px;overflow-x:scroll;overflow-y:hidden;">
                     <table class="pw">
                         <tr>
@@ -303,9 +306,12 @@
                          style="height:280px;margin-top:40px;"></div>
                 </div>
             </div>
+                </div>
+            </div>
 
-            <div class="page page1 mdl-cell mdl-cell--5-col demo-card-square mdl-card mdl-shadow--2dp"
-                 style="overflow: unset;">
+            <div class="page page1 mdl-cell mdl-cell--4-col mdl-cell--8-col-tablet mdl-grid mdl-grid--no-spacing">
+                <div class="demo-options mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col mdl-cell--3-col-tablet mdl-cell--12-col-desktop">
+                    <div class="mdl-card__supporting-text">
                         <div class="mdl-card__title mdl-card--expand">
                             <h2 class="mdl-card__title-text">按键自定义</h2>
                         </div>
@@ -317,6 +323,8 @@
                         </table>
 
                 </div>
+                </div>
+            </div>
 
             <div class="page page2 mdl-cell mdl-cell--5-col demo-card-square mdl-card mdl-shadow--2dp"
                  style="overflow: unset;">