From df449e0d7d7db7dbb2eeac00af74a424033aa2d5 Mon Sep 17 00:00:00 2001
From: GouJ <hefangjay@qq.com>
Date: Tue, 22 Sep 2026 11:39:50 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E8=B0=83=E6=95=B4=E8=B5=84=E4=BA=A7?=
 =?UTF-8?q?=E6=82=AC=E5=81=9C=E6=93=8D=E4=BD=9C=E4=B8=8E=E8=AF=A6=E6=83=85?=
 =?UTF-8?q?=E9=97=B4=E8=B7=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../project-assets/AssetLibraryPage.vue       | 22 ++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/features/project-assets/AssetLibraryPage.vue b/src/features/project-assets/AssetLibraryPage.vue
index 650407a..ce98b9c 100644
--- a/src/features/project-assets/AssetLibraryPage.vue
+++ b/src/features/project-assets/AssetLibraryPage.vue
@@ -412,7 +412,7 @@ async function removeAsset() {
                         :src="selectedAsset.publicUrl"
                         :alt="selectedAsset.name"
                         preview
-                        object-fit="contain"
+                        object-fit="cover"
                         class="asset-management-preview"
                     />
                     <div class="asset-management-fields">
@@ -497,10 +497,20 @@ async function removeAsset() {
     background: linear-gradient(to top, rgb(0 0 0 / 0.84) 0, rgb(0 0 0 / 0.35) 42%, transparent 70%);
 }
 .asset-library-actions {
-    @apply flex self-end items-center gap-1 mb-[10px];
+    @apply absolute top-[10px] left-[10px] flex items-center gap-1 opacity-0 pointer-events-none;
+    transform: translateY(-4px);
+    transition:
+        opacity 0.18s ease,
+        transform 0.18s ease;
+}
+.asset-library-card:hover .asset-library-actions,
+.asset-library-card:focus-visible .asset-library-actions,
+.asset-library-card:focus-within .asset-library-actions {
+    @apply opacity-100 pointer-events-auto;
+    transform: translateY(0);
 }
 .asset-overlay-button {
-    @apply text-white bg-black/35 backdrop-blur-sm;
+    @apply text-white bg-black/45 backdrop-blur-sm;
 }
 .asset-overlay-button:hover {
     @apply text-white bg-black/60;
@@ -526,6 +536,12 @@ async function removeAsset() {
 .asset-management-fields {
     @apply min-w-0;
 }
+.asset-management-fields :deep(.n-form-item) {
+    @apply mb-4;
+}
+.asset-management-fields :deep(.n-form-item-label) {
+    @apply pb-2;
+}
 .asset-detail-grid {
     @apply grid grid-cols-[88px_minmax(0,_1fr)] gap-x-4 gap-y-2 mt-1 p-3 bg-(--app-subtle) text-xs;
 }