This commit is contained in:
parent
3996ae5d0d
commit
7d1524f75c
@ -1075,3 +1075,248 @@
|
||||
padding-bottom: 7px;
|
||||
}
|
||||
}
|
||||
|
||||
/* 桌面端紧凑模式：减少首屏留白，保证初始化内容完整可见。 */
|
||||
@media (min-width: 761px) {
|
||||
#main.setup-page {
|
||||
gap: 8px;
|
||||
padding: 10px 16px;
|
||||
}
|
||||
|
||||
#main.setup-page #status {
|
||||
padding: 7px 12px;
|
||||
}
|
||||
|
||||
#main.setup-page #status :deep(.el-step__title) {
|
||||
font-size: 12px;
|
||||
line-height: 1.25;
|
||||
}
|
||||
|
||||
#main.setup-page #status :deep(.el-step__icon) {
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
#main.setup-page:not(.dns-page) .ctn {
|
||||
gap: 12px;
|
||||
padding: 12px 16px;
|
||||
}
|
||||
|
||||
#main.setup-page .desc h2 {
|
||||
font-size: clamp(24px, 2vw, 30px);
|
||||
line-height: 1.15;
|
||||
}
|
||||
|
||||
#main.setup-page .desc > div {
|
||||
margin-top: 6px !important;
|
||||
font-size: 13px;
|
||||
line-height: 1.45;
|
||||
}
|
||||
|
||||
#main.setup-page :deep(.el-form-item) {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
#main.setup-page :deep(.el-form-item__label) {
|
||||
padding-bottom: 3px;
|
||||
font-size: 12px;
|
||||
line-height: 1.35;
|
||||
}
|
||||
|
||||
#main.setup-page :deep(.el-input__wrapper),
|
||||
#main.setup-page :deep(.el-select__wrapper) {
|
||||
min-height: 34px;
|
||||
padding-top: 4px;
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
|
||||
#main.setup-page :deep(.el-input__inner),
|
||||
#main.setup-page :deep(.el-select__selected-item) {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.setup-form-panel {
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.database-page .database-form {
|
||||
width: min(100%, 760px);
|
||||
max-width: 760px;
|
||||
}
|
||||
|
||||
.database-page .mysql-fields {
|
||||
column-gap: 14px;
|
||||
row-gap: 2px;
|
||||
padding: 10px 12px 0;
|
||||
}
|
||||
|
||||
.database-page .database-hint {
|
||||
margin-bottom: 6px;
|
||||
font-size: 12px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.database-page .database-field-tip,
|
||||
.database-page .password-rule-tip,
|
||||
.database-page .database-retry-tip {
|
||||
font-size: 11px;
|
||||
line-height: 1.35;
|
||||
}
|
||||
|
||||
.database-page .database-retry-tip {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.narrow-form {
|
||||
width: min(100%, 520px) !important;
|
||||
}
|
||||
|
||||
.ssl-page .ssl-form {
|
||||
width: min(100%, 820px);
|
||||
max-width: 820px;
|
||||
}
|
||||
|
||||
.ssl-page .ssl-storage-card {
|
||||
padding: 10px 12px;
|
||||
}
|
||||
|
||||
.ssl-page .ssl-storage-title {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.ssl-page .ssl-storage-desc,
|
||||
.ssl-page .ssl-manual-desc,
|
||||
.ssl-page .ssl-dns-intro,
|
||||
.ssl-page .ssl-storage-path {
|
||||
font-size: 11px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.ssl-page .ssl-storage-path {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.ssl-page .ssl-port-warning {
|
||||
min-height: 34px;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
.ssl-page .ssl-port-warning strong,
|
||||
.ssl-page .ssl-port-warning span {
|
||||
font-size: 12px;
|
||||
line-height: 1.35;
|
||||
}
|
||||
|
||||
.setup-actions {
|
||||
gap: 8px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
#previous,
|
||||
#next {
|
||||
min-height: 32px;
|
||||
padding: 6px 16px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
#main.dns-page {
|
||||
gap: 8px;
|
||||
padding: 10px 16px;
|
||||
}
|
||||
|
||||
.dns-page #status {
|
||||
padding: 7px 12px;
|
||||
}
|
||||
|
||||
.dns-page .dns-panel {
|
||||
gap: 10px;
|
||||
padding: 12px 14px;
|
||||
}
|
||||
|
||||
.dns-page .dns-header {
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.dns-page .dns-eyebrow {
|
||||
margin-bottom: 3px;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.dns-page .dns-heading h2 {
|
||||
font-size: clamp(26px, 2.4vw, 34px);
|
||||
}
|
||||
|
||||
.dns-page .dns-description {
|
||||
margin-top: 4px;
|
||||
font-size: 12px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.dns-page .dns-header-notes {
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.dns-page .dns-header-note {
|
||||
padding: 7px 10px;
|
||||
font-size: 11px;
|
||||
line-height: 1.35;
|
||||
}
|
||||
|
||||
.dns-page .dns-domain-list {
|
||||
gap: 7px;
|
||||
}
|
||||
|
||||
.dns-page .dns-domain-header {
|
||||
padding: 8px 12px;
|
||||
}
|
||||
|
||||
.dns-page .dns-domain-header h3 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.dns-page .dns-domain-header .dns-domain-suffix {
|
||||
margin-top: 2px;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.dns-page .dns-domain-count {
|
||||
min-height: 28px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.dns-page .dns-table :deep(.el-table__cell) {
|
||||
padding: 6px 0;
|
||||
}
|
||||
|
||||
.dns-page .dns-table :deep(.cell),
|
||||
.dns-page .dns-host,
|
||||
.dns-page .dns-value,
|
||||
.dns-page .dns-ttl {
|
||||
font-size: 12px;
|
||||
line-height: 1.35;
|
||||
}
|
||||
|
||||
.dns-page .dns-value-long {
|
||||
padding: 4px 6px;
|
||||
}
|
||||
|
||||
.ssl-dns-challenge {
|
||||
gap: 8px;
|
||||
padding: 10px 12px;
|
||||
}
|
||||
|
||||
.ssl-dns-challenge-header {
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.ssl-dns-challenge-header h3 {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.ssl-dns-challenge-header p,
|
||||
.ssl-dns-record-count {
|
||||
font-size: 11px;
|
||||
line-height: 1.35;
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user