From 6e542a5de7743d966c49e23d604438409c422eae Mon Sep 17 00:00:00 2001
From: GouJ <hefangjay@qq.com>
Date: Tue, 22 Sep 2026 11:56:45 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E8=AE=A9=E8=B5=84=E4=BA=A7=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E9=A2=84=E8=A7=88=E5=AE=BD=E5=BA=A6=E8=B7=9F=E9=9A=8F?=
 =?UTF-8?q?=E5=9B=BE=E7=89=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../project-assets/AssetLibraryPage.vue       | 27 +++++++++++++++++--
 1 file changed, 25 insertions(+), 2 deletions(-)

diff --git a/src/features/project-assets/AssetLibraryPage.vue b/src/features/project-assets/AssetLibraryPage.vue
index 04653bd..e7244c9 100644
--- a/src/features/project-assets/AssetLibraryPage.vue
+++ b/src/features/project-assets/AssetLibraryPage.vue
@@ -472,7 +472,30 @@ async function removeAsset() {
     @apply grid grid-cols-[minmax(280px,_0.9fr)_minmax(0,_1.1fr)] items-start gap-5;
 }
 .asset-management-preview {
-    @apply h-[min(56dvh,_560px)] min-h-[280px] aspect-auto bg-(--app-subtle);
+    --asset-detail-image-max-height: min(56dvh, 560px);
+    display: block;
+    width: fit-content;
+    max-width: 100%;
+    height: auto;
+    min-height: 0;
+    aspect-ratio: auto;
+    justify-self: center;
+}
+.asset-management-preview :deep(.reveal-image),
+.asset-management-preview :deep(.n-image) {
+    display: block;
+    width: fit-content;
+    max-width: 100%;
+    height: auto;
+    min-height: 0;
+}
+.asset-management-preview :deep(.n-image img) {
+    display: block;
+    width: auto;
+    max-width: 100%;
+    height: auto;
+    max-height: var(--asset-detail-image-max-height);
+    object-fit: contain;
 }
 .asset-management-fields {
     @apply min-w-0;
@@ -503,7 +526,7 @@ async function removeAsset() {
         @apply grid-cols-1;
     }
     .asset-management-preview {
-        @apply h-[min(42dvh,_420px)] min-h-[220px];
+        --asset-detail-image-max-height: min(42dvh, 420px);
     }
 }
 @container asset-library (max-width: 560px) {