From 5ef50e2a24dcde2999bfe7b115c2fd08025d4635 Mon Sep 17 00:00:00 2001 From: smail Date: Tue, 1 Sep 2026 22:45:42 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96DNS=E8=AE=BE=E7=BD=AE?= =?UTF-8?q?=E9=A1=B5=E6=8F=90=E7=A4=BA=E5=B8=83=E5=B1=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- fe/src/views/Setup/Setup.css | 38 ++++++++++++++++++++++++++++++++++++ fe/src/views/Setup/Setup.vue | 1 + 2 files changed, 39 insertions(+) diff --git a/fe/src/views/Setup/Setup.css b/fe/src/views/Setup/Setup.css index 65acab9..463b122 100644 --- a/fe/src/views/Setup/Setup.css +++ b/fe/src/views/Setup/Setup.css @@ -1476,3 +1476,41 @@ grid-column: auto; } } + +/* 桌面端将 DNS 提示与标题并排展示,减少提示区域宽度并提高文字可读性。 */ +@media (min-width: 1081px) { + #main.setup-page.dns-page .dns-header { + display: grid; + grid-template-columns: minmax(300px, 0.7fr) minmax(0, 2fr); + align-items: start; + column-gap: 24px; + } + + #main.setup-page.dns-page .dns-heading { + width: auto; + min-width: 0; + } + + #main.setup-page.dns-page .dns-header-notes { + width: calc(100% - 50px); + margin-inline: auto; + min-width: 0; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 12px; + } + + #main.setup-page.dns-page .dns-header-note { + padding: 14px 16px; + font-size: 15px; + line-height: 1.55; + } +} + +/* 中等桌面宽度下保持标题和提示的清晰边界,避免三列提示被压缩。 */ +@media (min-width: 761px) and (max-width: 1080px) { + #main.setup-page.dns-page .dns-header-note { + padding: 12px 14px; + font-size: 15px; + line-height: 1.55; + } +} \ No newline at end of file diff --git a/fe/src/views/Setup/Setup.vue b/fe/src/views/Setup/Setup.vue index 88ee4c1..51480f4 100644 --- a/fe/src/views/Setup/Setup.vue +++ b/fe/src/views/Setup/Setup.vue @@ -366,6 +366,7 @@ const { addDomain, Plus, dnsInfos, + hasDNSIPv6, sslSettings, port, dnsChecking,