style: 统一生成配置表单对齐与间距
This commit is contained in:
@@ -238,11 +238,28 @@ onScopeDispose(() => controller?.abort())
|
|||||||
<style scoped>
|
<style scoped>
|
||||||
@reference "../../../styles/styles.css";
|
@reference "../../../styles/styles.css";
|
||||||
.creative-profile-grid {
|
.creative-profile-grid {
|
||||||
@apply grid grid-cols-[repeat(2,_minmax(0,_1fr))] gap-x-5 gap-y-5;
|
@apply grid grid-cols-[repeat(2,_minmax(0,_1fr))] items-start gap-x-5 gap-y-6;
|
||||||
}
|
}
|
||||||
.model-section {
|
.model-section {
|
||||||
@apply min-w-0 p-4 bg-(--app-subtle);
|
@apply min-w-0 p-4 bg-(--app-subtle);
|
||||||
}
|
}
|
||||||
|
.model-section > :deep(.n-form-item) {
|
||||||
|
@apply mb-6;
|
||||||
|
}
|
||||||
|
.creative-profile-grid > :deep(.n-form-item--top-labelled),
|
||||||
|
.model-section > :deep(.n-form-item--top-labelled) {
|
||||||
|
grid-template-rows: minmax(var(--n-label-height), auto) auto auto;
|
||||||
|
}
|
||||||
|
.creative-profile-grid > :deep(.n-form-item-label),
|
||||||
|
.model-section > :deep(.n-form-item-label) {
|
||||||
|
min-height: 30px;
|
||||||
|
padding: 0 0 8px;
|
||||||
|
}
|
||||||
|
.creative-profile-grid > :deep(.n-form-item-blank),
|
||||||
|
.model-section > :deep(.n-form-item-blank) {
|
||||||
|
min-height: 34px;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
.creative-profile-settings {
|
.creative-profile-settings {
|
||||||
@apply mb-7;
|
@apply mb-7;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -114,10 +114,27 @@ function constrainedOptions(schema: GenerationOptionSchema, current: string | nu
|
|||||||
<style scoped>
|
<style scoped>
|
||||||
@reference "../../../styles/styles.css";
|
@reference "../../../styles/styles.css";
|
||||||
.generation-option-grid {
|
.generation-option-grid {
|
||||||
@apply grid grid-cols-[repeat(2,_minmax(0,_1fr))] gap-x-4 gap-y-5;
|
@apply grid grid-cols-[repeat(2,_minmax(0,_1fr))] items-start gap-x-4 gap-y-6;
|
||||||
}
|
}
|
||||||
.generation-option-grid :deep(.n-form-item) {
|
.generation-option-grid :deep(.n-form-item) {
|
||||||
@apply min-w-0 mb-0;
|
@apply min-w-0 mb-0 self-start;
|
||||||
|
}
|
||||||
|
/* Naive 默认使用 1fr 扩展控件行;同排说明文字不等高时会把较短字段的控件推到底部。 */
|
||||||
|
.generation-option-grid :deep(.n-form-item--top-labelled) {
|
||||||
|
grid-template-rows: minmax(var(--n-label-height), auto) auto auto;
|
||||||
|
}
|
||||||
|
.generation-option-grid :deep(.n-form-item-label) {
|
||||||
|
min-height: 30px;
|
||||||
|
padding: 0 0 8px;
|
||||||
|
}
|
||||||
|
.generation-option-grid :deep(.n-form-item-blank) {
|
||||||
|
min-height: 34px;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.generation-option-grid :deep(.n-form-item-feedback-wrapper:not(:empty)) {
|
||||||
|
min-height: 0;
|
||||||
|
padding: 8px 0 0;
|
||||||
|
line-height: 1.55;
|
||||||
}
|
}
|
||||||
@media (max-width: 760px) {
|
@media (max-width: 760px) {
|
||||||
.generation-option-grid {
|
.generation-option-grid {
|
||||||
|
|||||||
Reference in New Issue
Block a user