From d38d54a9f7d3007e1c9334b873315d9586a1cf5e Mon Sep 17 00:00:00 2001
From: sbwml <admin@cooluc.com>
Date: Wed, 23 Aug 2023 10:28:43 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=86=E8=8A=82=E5=86=B3=E5=AE=9A=E6=88=90?=
 =?UTF-8?q?=E8=B4=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../htdocs/luci-static/argon/css/cascade.css  | 54 ++++++++++++++++++-
 .../htdocs/luci-static/argon/css/dark.css     |  6 +++
 2 files changed, 58 insertions(+), 2 deletions(-)

diff --git a/luci-theme-argon/htdocs/luci-static/argon/css/cascade.css b/luci-theme-argon/htdocs/luci-static/argon/css/cascade.css
index 2dd92ec..ca13ae7 100644
--- a/luci-theme-argon/htdocs/luci-static/argon/css/cascade.css
+++ b/luci-theme-argon/htdocs/luci-static/argon/css/cascade.css
@@ -1450,6 +1450,10 @@ fieldset>fieldset,
   color: var(--gray-dark);
 }
 
+.cbi-map h3 {
+  margin-bottom: 5px;
+}
+
 .cbi-section>h3:first-child,
 .cbi-section>h4:first-child,
 .cbi-section>p:first-child,
@@ -1471,11 +1475,12 @@ table {
 table,
 .table {
   background-color: #ffffff;
-  border-radius: 0.575rem;
+  border-radius: 0.375rem;
   overflow-y: hidden;
   width: 100%;
   font-size: 95%;
   border-collapse: separate;
+  border-spacing: 0.175rem;
 }
 
 .table .table-titles th {
@@ -2613,10 +2618,45 @@ td>table>tbody>tr>td,
 }
 
 .modal.cbi-modal {
-  max-width: 90%;
   max-height: none
 }
 
+@media screen and (min-width: 601px) and (max-width: 900px) {
+  .modal.cbi-modal {
+    max-width: 95%;
+  }
+}
+
+@media screen and (min-width: 901px) and (max-width: 1100px) {
+  .modal.cbi-modal {
+    max-width: 90%;
+  }
+}
+
+@media screen and (min-width: 1101px) and (max-width: 1200px) {
+  .modal.cbi-modal {
+    max-width: 85%;
+  }
+}
+
+@media screen and (min-width: 1201px) and (max-width: 1300px) {
+  .modal.cbi-modal {
+    max-width: 80%;
+  }
+}
+
+@media screen and (min-width: 1301px) and (max-width: 1440px) {
+  .modal.cbi-modal {
+    max-width: 75%;
+  }
+}
+
+@media screen and (min-width: 1441px) {
+  .modal.cbi-modal {
+    max-width: 65%;
+  }
+}
+
 body.modal-overlay-active {
   overflow: hidden;
   height: 100vh
@@ -4066,3 +4106,13 @@ pre.command-output {
     border-radius: 0;
   }
 }
+
+.cbi-section .cbi-section-remove:nth-of-type(2n),
+.container>.cbi-section .cbi-section-node:nth-of-type(2n) {
+  background-color: var(--white);
+  border-radius: 0 0 0.375rem 0.375rem;
+}
+
+.cbi-section-descr h2 {
+  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
+}
diff --git a/luci-theme-argon/htdocs/luci-static/argon/css/dark.css b/luci-theme-argon/htdocs/luci-static/argon/css/dark.css
index 781d634..026db9d 100644
--- a/luci-theme-argon/htdocs/luci-static/argon/css/dark.css
+++ b/luci-theme-argon/htdocs/luci-static/argon/css/dark.css
@@ -902,3 +902,9 @@ table,
   background-color: #2c323c;
   border-radius: 0.575rem;
 }
+
+.cbi-section .cbi-section-remove:nth-of-type(2n),
+.container>.cbi-section .cbi-section-node:nth-of-type(2n) {
+  background-color: #2c323c;
+  border-radius: 0 0 0.575 0.575rem;
+}