short-drama-agent/short-drama-agent-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 统一生成配置表单对齐与间距

Browse Source
This commit is contained in:
GouJ
2026-09-22 22:29:15 +08:00
parent 94ae147250
commit 0ce9ae00e7
2 changed files with 37 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/generation-config/components/CreativeProfileSettings.vue
+18 -1
View File
@@ -238,11 +238,28 @@ onScopeDispose(() => controller?.abort())
<style scoped>
@reference "../../../styles/styles.css";
.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 {
@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 {
@apply mb-7;
}
src/features/generation-config/components/GenerationOptionFields.vue
+19 -2
View File
@@ -114,10 +114,27 @@ function constrainedOptions(schema: GenerationOptionSchema, current: string | nu
<style scoped>
@reference "../../../styles/styles.css";
.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) {
@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) {
.generation-option-grid {