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; + } +}