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

feat: mobile artist hero — full-bleed image with name, no pfp square

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
HoneyandClaude Sonnet 4.6 committed 2026-06-08 00:51:49 +02:00
1 parent c3d0360946
commit 32bde3ce87
1 file changed
+6
Download Patch File Download Diff File Expand all files Collapse all files
styles.css
+6
View File
@@ -829,6 +829,12 @@ button:focus{outline:none}
.artist-hero-pfp-initial{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:52px;font-weight:700;color:var(--text2);line-height:1} .artist-hero-pfp-initial{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:52px;font-weight:700;color:var(--text2);line-height:1}
.artist-hero-info{min-width:0;flex:1;display:flex;align-items:flex-end;padding:20px 24px;background:linear-gradient(to left,rgba(7,7,15,.95) 0%,rgba(7,7,15,.1) 100%)} .artist-hero-info{min-width:0;flex:1;display:flex;align-items:flex-end;padding:20px 24px;background:linear-gradient(to left,rgba(7,7,15,.95) 0%,rgba(7,7,15,.1) 100%)}
.artist-hero-name{font-size:26px;font-weight:800;letter-spacing:-0.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .artist-hero-name{font-size:26px;font-weight:800;letter-spacing:-0.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:768px){
.artist-hero-bg{filter:brightness(0.75) saturate(0.85);transform:scale(1)}
.artist-hero-pfp-wrap{display:none}
.artist-hero-overlay{align-items:flex-end;padding:18px 20px;background:linear-gradient(to top,rgba(7,7,15,.82) 0%,transparent 65%)}
.artist-hero-info{background:none;padding:0}
}
@media(min-width:769px){ @media(min-width:769px){
.artist-hero{height:320px;border-radius:16px} .artist-hero{height:320px;border-radius:16px}
.artist-hero-info{padding:28px 36px} .artist-hero-info{padding:28px 36px}