From e3c435420c93f4cde12318d49722442760659738 Mon Sep 17 00:00:00 2001
From: Honey <me_honeyy@proton.me>
Date: Sun, 7 Jun 2026 20:57:22 +0200
Subject: [PATCH] fix: artist hero banner shows face/upper body on desktop

background-position: center crops to mid-body on wide desktop banners.
Shifting to center 20% anchors the crop in the upper-third of the image
where faces typically are, matching the phone experience.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/views/detail.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/detail.js b/src/views/detail.js
index 986ed02..9b92f04 100644
--- a/src/views/detail.js
+++ b/src/views/detail.js
@@ -108,7 +108,7 @@ export async function loadArtistDetail(artist) {
   // ── Hero ──
   const img = imgRes.status === 'fulfilled' ? imgRes.value : null;
   if(img) {
-    hero.style.background = `url('${img}') center/cover no-repeat`;
+    hero.style.background = `url('${img}') center 20%/cover no-repeat`;
     if(overlay) overlay.style.background = 'linear-gradient(to right,rgba(7,7,15,.95) 0%,rgba(7,7,15,.35) 55%,rgba(7,7,15,.75) 100%)';
   }