From bd4db7b4589b64a5ddfbf16e5a1e4204e129e4ee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B5=85=E5=BF=B5?= <email@sample.com>
Date: Thu, 24 Sep 2026 15:00:12 +0800
Subject: [PATCH] =?UTF-8?q?style(viewer):=20=E7=9B=B8=E5=86=8C=20banner=20?=
 =?UTF-8?q?=E9=99=90=E9=AB=98=20320px=20+=20cover=20=E8=A3=81=E5=88=87?=
 =?UTF-8?q?=EF=BC=88PC=20=E7=AB=AF=E8=A7=82=E6=84=9F=E4=BF=AE=E6=AD=A3?=
 =?UTF-8?q?=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

height:100% + contain 在桌面宽屏下整图 letterbox 压扁留白——改为限高裁切。

Co-Authored-By: Claude Code <noreply@anthropic.com>
---
 apps/viewer/src/components/album/AlbumHeader.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/viewer/src/components/album/AlbumHeader.vue b/apps/viewer/src/components/album/AlbumHeader.vue
index bcc67d9..2308e69 100644
--- a/apps/viewer/src/components/album/AlbumHeader.vue
+++ b/apps/viewer/src/components/album/AlbumHeader.vue
@@ -268,8 +268,8 @@ watch(
 .banner {
   display: block;
   width: 100%;
-  height: 100%;
-  object-fit: contain;
+  max-height: 320px;
+  object-fit: cover;
 }
 
 /* —— 信息区：16px 内边距由本区负责（页面无全局包围，§3.2；参考稿 12px 16px 0） —— */