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

fix: restore center center on mobile artist hero (was breaking phone view)

Browse Source 
Only override object-position on desktop (>=769px) to center 30%.
Mobile keeps center center which was already working great.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
HoneyandClaude Sonnet 4.6 committed 2026-06-07 21:07:23 +02:00
1 parent aa20eec29d
commit ce0697e00a
1 file changed
+1 -1
Download Patch File Download Diff File Expand all files Collapse all files
styles.css
+1 -1
View File
@@ -824,7 +824,7 @@ button:focus{outline:none}
.artist-hero{height:220px;border-radius:14px;overflow:hidden;position:relative;margin-bottom:24px;background:linear-gradient(135deg,var(--surface2),var(--surface))}
.artist-hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(7,7,15,.85) 0%,transparent 100%);display:flex;align-items:flex-end;padding:20px 28px}
.artist-hero-name{font-size:32px;font-weight:800;letter-spacing:-1px}
.artist-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.artist-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
@media(min-width:769px){
.artist-hero{height:320px;border-radius:16px}
.artist-hero-overlay{padding:28px 36px}