feat: localize admin field labels and tighten forms

This commit is contained in:
Codex
2026-04-23 10:15:15 +08:00
parent c79e20bb23
commit 2cd71c0340
14 changed files with 375 additions and 224 deletions
+45 -5
View File
@@ -155,11 +155,11 @@ html[data-theme] .tabs-field__content-wrap {
html[data-theme] .document-fields,
html[data-theme] .collection-edit {
gap: 12px;
gap: 8px;
}
html[data-theme] .render-fields > .field-type {
margin-bottom: 10px;
margin-bottom: 6px;
}
html[data-theme] .tabs-field__tabs {
@@ -188,6 +188,21 @@ html[data-theme] .doc-controls {
backdrop-filter: blur(16px);
}
html[data-theme] .field-type .field-label {
margin-bottom: 4px;
}
html[data-theme] .field-type .field-description {
margin-top: 4px;
font-size: 12px;
line-height: 1.45;
}
html[data-theme] .field-type__wrap,
html[data-theme] .field-type__wrap > div {
gap: 6px;
}
html[data-theme] input,
html[data-theme] textarea,
html[data-theme] select,
@@ -223,11 +238,11 @@ html[data-theme] input,
html[data-theme] textarea,
html[data-theme] select,
html[data-theme] .rs__control {
min-height: 40px;
min-height: 36px;
}
html[data-theme] textarea {
min-height: 100px;
min-height: 88px;
}
html[data-theme] .field-type,
@@ -243,13 +258,38 @@ html[data-theme] .field-type:has(input[type='datetime-local']),
html[data-theme] .field-type:has(input[type='number']),
html[data-theme] .field-type:has(input[type='email']),
html[data-theme] .field-type:has(input[type='text']) {
max-width: 760px;
max-width: 620px;
}
html[data-theme] .row .field-type {
max-width: none;
}
html[data-theme] .row {
gap: 10px;
}
html[data-theme] .field-type.checkbox-field,
html[data-theme] .field-type:has(input[type='checkbox']) {
padding-top: 10px;
padding-bottom: 10px;
}
html[data-theme] .collapsible-field__content,
html[data-theme] .array-field__rows,
html[data-theme] .blocks-field__blocks {
gap: 8px;
}
html[data-theme] .array-field__row,
html[data-theme] .blocks-field__block {
border-radius: 8px;
}
html[data-theme] .render-fields > .field-type .render-fields > .field-type {
margin-bottom: 4px;
}
html[data-theme] .rich-text-lexical,
html[data-theme] .rich-text-lexical .editor-container,
html[data-theme] .rich-text-lexical .editor-scroller,