From 32bde3ce870d33c2b0f88a529f9e2b6bae0e6e43 Mon Sep 17 00:00:00 2001 From: Honey Date: Mon, 8 Jun 2026 00:51:49 +0200 Subject: [PATCH] =?UTF-8?q?feat:=20mobile=20artist=20hero=20=E2=80=94=20fu?= =?UTF-8?q?ll-bleed=20image=20with=20name,=20no=20pfp=20square?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Sonnet 4.6 --- styles.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/styles.css b/styles.css index c878b63..232d382 100644 --- a/styles.css +++ b/styles.css @@ -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-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} +@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){ .artist-hero{height:320px;border-radius:16px} .artist-hero-info{padding:28px 36px}