style: 优化选角面板间距与角色卡片布局

This commit is contained in:
GouJ
2026-09-01 18:12:54 +08:00
parent badea1b798
commit 7773721399
5 changed files with 139 additions and 34 deletions
+55 -2
View File
@@ -221,6 +221,10 @@ body {
.workspace-tools-body {
padding: 20px;
}
/* 身份说明与折叠入口分开,避免正文紧贴下一组操作。 */
.identity-tools-intro {
margin-bottom: 24px;
}
.workspace-tools-body .storyboard-controls,
.workspace-tools-body .production-controls {
display: grid;
@@ -886,7 +890,6 @@ body {
.n-button:disabled {
opacity: 1;
}
.n-button.casting-item,
.n-button.image-history-item {
height: auto;
white-space: normal;
@@ -897,9 +900,59 @@ body {
text-align: left;
overflow: hidden;
}
.n-button.casting-item .n-button__content {
/* 选角进度按抽屉实际宽度排列;按钮尺寸显式覆盖组件默认值。 */
.casting-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
gap: 12px;
margin-top: 24px;
padding-top: 20px;
border-top: 1px solid var(--app-border);
}
.n-button.casting-item {
width: 100%;
min-width: 0;
height: auto;
min-height: 76px;
padding: 12px 14px;
white-space: normal;
text-align: left;
background: var(--app-surface);
}
.n-button.casting-item.selected {
background: var(--app-subtle);
box-shadow: inset 3px 0 0 var(--app-ink);
}
.n-button.casting-item .n-button__content {
display: flex;
width: 100%;
min-width: 0;
align-items: center;
justify-content: space-between;
gap: 16px;
text-align: left;
}
.casting-item-identity {
display: flex;
flex-direction: column;
gap: 5px;
min-width: 0;
}
.casting-item-name {
font-size: 14px;
font-weight: 500;
line-height: 1.5;
overflow-wrap: anywhere;
}
.casting-item-ref {
color: var(--app-muted);
font-family: ui-monospace, monospace;
font-size: 11px;
line-height: 1.5;
overflow-wrap: anywhere;
}
.casting-item-status {
flex-shrink: 0;
}
.search-field {
padding: 0;