From d686407e83b48e52974915f01d67736a1fd56837 Mon Sep 17 00:00:00 2001
From: smail <likb_blue@163.com>
Date: Wed, 2 Sep 2026 10:56:37 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E4=BD=8E=E9=AB=98=E5=BA=A6?=
 =?UTF-8?q?=E7=AA=97=E5=8F=A3DNS=E8=AE=B0=E5=BD=95=E5=AE=8C=E6=95=B4?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 fe/src/views/Setup/Setup.css | 219 ++++++++++++++++++++++++++++++++++-
 1 file changed, 218 insertions(+), 1 deletion(-)

diff --git a/fe/src/views/Setup/Setup.css b/fe/src/views/Setup/Setup.css
index 5b8599b..b9c916c 100644
--- a/fe/src/views/Setup/Setup.css
+++ b/fe/src/views/Setup/Setup.css
@@ -1854,4 +1854,221 @@
   .ssl-page .ssl-port-warning {
     width: 100%;
   }
-}
\ No newline at end of file
+}
+@media (min-width: 1081px) and (max-height: 980px) {
+  #main.setup-page.dns-page {
+    gap: 6px;
+    padding: 6px 16px 8px;
+  }
+
+  #main.setup-page.dns-page #status {
+    min-height: 84px;
+    padding: 5px 12px;
+  }
+
+  #main.setup-page.dns-page .dns-panel {
+    gap: 5px;
+    padding: 8px 14px;
+  }
+
+  #main.setup-page.dns-page .dns-header {
+    column-gap: 16px;
+  }
+
+  #main.setup-page.dns-page .dns-eyebrow {
+    margin-top: 0 !important;
+    margin-bottom: 1px;
+    font-size: 11px;
+  }
+
+  #main.setup-page.dns-page .dns-heading h2 {
+    font-size: 28px;
+    line-height: 1.1;
+  }
+
+  #main.setup-page.dns-page .dns-description {
+    margin-top: 2px !important;
+    font-size: 12px;
+    line-height: 1.3;
+  }
+
+  #main.setup-page.dns-page .dns-header-notes {
+    gap: 4px;
+  }
+
+  #main.setup-page.dns-page .dns-header-note {
+    padding: 3px 10px;
+    font-size: 12px;
+    line-height: 1.25;
+  }
+
+  #main.setup-page.dns-page .dns-domain-list {
+    gap: 4px;
+  }
+
+  #main.setup-page.dns-page .dns-domain-header {
+    padding: 5px 12px;
+  }
+
+  #main.setup-page.dns-page .dns-domain-header h3 {
+    font-size: 20px;
+    line-height: 1.15;
+  }
+
+  #main.setup-page.dns-page .dns-domain-header .dns-domain-suffix {
+    margin-top: 1px;
+    font-size: 12px;
+    line-height: 1.25;
+  }
+
+  #main.setup-page.dns-page .dns-domain-count {
+    min-height: 26px;
+    font-size: 12px;
+  }
+
+  #main.setup-page.dns-page .dns-table :deep(.el-table__cell) {
+    padding-top: 2px;
+    padding-bottom: 2px;
+  }
+
+  #main.setup-page.dns-page .dns-table :deep(.cell) {
+    min-height: 18px;
+  }
+
+  #main.setup-page.dns-page .dns-table :deep(.cell),
+  #main.setup-page.dns-page .dns-host,
+  #main.setup-page.dns-page .dns-value,
+  #main.setup-page.dns-page .dns-ttl {
+    font-size: 13px;
+    line-height: 1.25;
+  }
+
+  #main.setup-page.dns-page .dns-type {
+    padding-top: 1px;
+    padding-bottom: 1px;
+    font-size: 12px;
+  }
+
+  #main.setup-page.dns-page .dns-value-long {
+    padding: 2px 5px;
+  }
+
+  #main.setup-page.dns-page .setup-actions {
+    margin-top: 0;
+    padding-bottom: 0;
+  }
+
+  #main.setup-page.dns-page #previous,
+  #main.setup-page.dns-page #next {
+    min-height: 30px;
+    padding: 5px 14px;
+  }
+}
+
+@media (min-width: 1081px) and (min-height: 781px) and (max-height: 980px) {
+  #main.setup-page.dns-page {
+    gap: 8px;
+    padding: 8px 16px 10px;
+  }
+
+  #main.setup-page.dns-page #status {
+    min-height: 94px;
+    padding: 6px 12px;
+  }
+
+  #main.setup-page.dns-page .dns-panel {
+    gap: 7px;
+    padding: 10px 14px;
+  }
+
+  #main.setup-page.dns-page .dns-header {
+    column-gap: 20px;
+  }
+
+  #main.setup-page.dns-page .dns-eyebrow {
+    margin-bottom: 2px;
+    font-size: 12px;
+  }
+
+  #main.setup-page.dns-page .dns-heading h2 {
+    font-size: 30px;
+    line-height: 1.15;
+  }
+
+  #main.setup-page.dns-page .dns-description {
+    margin-top: 3px !important;
+    font-size: 13px;
+    line-height: 1.35;
+  }
+
+  #main.setup-page.dns-page .dns-header-notes {
+    gap: 5px;
+  }
+
+  #main.setup-page.dns-page .dns-header-note {
+    padding: 4px 10px;
+    font-size: 13px;
+    line-height: 1.3;
+  }
+
+  #main.setup-page.dns-page .dns-domain-list {
+    gap: 6px;
+  }
+
+  #main.setup-page.dns-page .dns-domain-header {
+    padding: 7px 12px;
+  }
+
+  #main.setup-page.dns-page .dns-domain-header h3 {
+    font-size: 21px;
+    line-height: 1.2;
+  }
+
+  #main.setup-page.dns-page .dns-domain-header .dns-domain-suffix {
+    margin-top: 2px;
+    font-size: 13px;
+    line-height: 1.3;
+  }
+
+  #main.setup-page.dns-page .dns-domain-count {
+    min-height: 28px;
+    font-size: 13px;
+  }
+
+  #main.setup-page.dns-page .dns-table :deep(.el-table__cell) {
+    padding-top: 4px;
+    padding-bottom: 4px;
+  }
+
+  #main.setup-page.dns-page .dns-table :deep(.cell) {
+    min-height: 20px;
+  }
+
+  #main.setup-page.dns-page .dns-table :deep(.cell),
+  #main.setup-page.dns-page .dns-host,
+  #main.setup-page.dns-page .dns-value,
+  #main.setup-page.dns-page .dns-ttl {
+    font-size: 14px;
+    line-height: 1.35;
+  }
+
+  #main.setup-page.dns-page .dns-type {
+    padding-top: 2px;
+    padding-bottom: 2px;
+    font-size: 13px;
+  }
+
+  #main.setup-page.dns-page .dns-value-long {
+    padding: 4px 6px;
+  }
+
+  #main.setup-page.dns-page .setup-actions {
+    padding: 0 2px 2px;
+  }
+
+  #main.setup-page.dns-page #previous,
+  #main.setup-page.dns-page #next {
+    min-height: 32px;
+    padding: 6px 16px;
+  }
+}