fix: 修复身份与形态图库历史图片布局

This commit is contained in:
GouJ
2026-09-01 18:26:17 +08:00
parent 7773721399
commit bf19128580
8 changed files with 307 additions and 76 deletions
+53 -1
View File
@@ -792,10 +792,24 @@ body {
height: auto;
overflow: hidden;
}
.image-history.n-scrollbar {
width: 100%;
max-width: 100%;
min-width: 0;
}
.image-history-heading {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 6px 16px;
margin-block: 16px 8px;
font-size: 12px;
}
.image-history-content {
display: flex;
gap: 12px;
padding: 4px 4px 8px;
padding: 4px 4px 12px;
width: max-content;
}
.code-scroll.n-scrollbar {
@@ -876,6 +890,7 @@ body {
width: 100%;
height: 100%;
min-height: 0;
min-width: 0;
display: flex;
justify-content: center;
}
@@ -884,6 +899,12 @@ body {
height: 100%;
object-fit: contain;
}
/* 预览尺寸不随原图分辨率增长,历史缩略图也不能被按钮默认宽度覆盖。 */
.asset-image.asset-image-preview {
height: min(42dvh, 420px);
min-height: 0;
aspect-ratio: auto;
}
.n-button__content {
gap: 6px;
}
@@ -891,15 +912,46 @@ body {
opacity: 1;
}
.n-button.image-history-item {
width: 128px;
min-width: 128px;
max-width: 128px;
flex: 0 0 128px;
height: auto;
padding: 6px;
white-space: normal;
}
.n-button.image-history-item.selected {
background: var(--app-subtle);
box-shadow: inset 0 0 0 2px var(--app-ink);
}
.n-button.image-history-item .n-button__content {
display: block;
width: 100%;
text-align: left;
overflow: hidden;
}
.image-history-item .asset-image {
height: 88px;
min-height: 0;
aspect-ratio: auto;
}
.image-history-label {
display: block;
margin-top: 6px;
font-size: 11px;
line-height: 1.5;
overflow-wrap: anywhere;
}
.image-history-meta {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 4px;
margin-top: 6px;
color: var(--app-muted);
font-size: 10px;
line-height: 1.5;
}
/* 选角进度按抽屉实际宽度排列;按钮尺寸显式覆盖组件默认值。 */
.casting-list {
display: grid;