Docker/NovaSonic
0
0 Fork 0
Code Issues 15 Pull Requests Actions Packages Projects 1 Releases 1 Wiki Activity

fix: artist hero banner shows face/upper body on desktop

Browse Source 
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>
This commit is contained in:
HoneyandClaude Sonnet 4.6 committed 2026-06-07 20:57:22 +02:00
1 parent 920e385a8f
commit e3c435420c
1 file changed
+1 -1
Download Patch File Download Diff File Expand all files Collapse all files
src/views/detail.js
+1 -1
View File
@@ -108,7 +108,7 @@ export async function loadArtistDetail(artist) {
// ── Hero ── // ── Hero ──
const img = imgRes.status === 'fulfilled' ? imgRes.value : null; const img = imgRes.status === 'fulfilled' ? imgRes.value : null;
if(img) { 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%)'; 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%)';
} }