style: 资产详情左栏宽度随图片自适应
This commit is contained in:
@@ -469,7 +469,8 @@ async function removeAsset() {
|
|||||||
@apply shrink-0 text-white bg-white/15 backdrop-blur-sm;
|
@apply shrink-0 text-white bg-white/15 backdrop-blur-sm;
|
||||||
}
|
}
|
||||||
.asset-management-layout {
|
.asset-management-layout {
|
||||||
@apply grid grid-cols-[minmax(280px,_0.9fr)_minmax(0,_1.1fr)] items-start gap-5;
|
@apply grid items-start gap-5;
|
||||||
|
grid-template-columns: max-content minmax(0, 1fr);
|
||||||
}
|
}
|
||||||
.asset-management-preview {
|
.asset-management-preview {
|
||||||
--asset-detail-image-max-height: min(56dvh, 560px);
|
--asset-detail-image-max-height: min(56dvh, 560px);
|
||||||
@@ -479,7 +480,7 @@ async function removeAsset() {
|
|||||||
height: auto;
|
height: auto;
|
||||||
min-height: 0;
|
min-height: 0;
|
||||||
aspect-ratio: auto;
|
aspect-ratio: auto;
|
||||||
justify-self: center;
|
justify-self: start;
|
||||||
}
|
}
|
||||||
.asset-management-preview :deep(.reveal-image),
|
.asset-management-preview :deep(.reveal-image),
|
||||||
.asset-management-preview :deep(.n-image) {
|
.asset-management-preview :deep(.n-image) {
|
||||||
|
|||||||
Reference in New Issue
Block a user