From d44878bae68932ddfd0eee933e5ccf951eb4c23a Mon Sep 17 00:00:00 2001 From: Dorian Date: Tue, 3 Feb 2026 00:08:25 +0000 Subject: [PATCH] Make Play button fill more transparent for better glass effect - Reduce opacity from 0.95 to 0.85 (85% transparent) - Hover state: 0.95 for subtle feedback - More glassmorphic appearance with background showing through - Better matches design system glass aesthetic Co-authored-by: Cursor --- src/views/Browse.vue | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/views/Browse.vue b/src/views/Browse.vue index 30365e5..883b0e5 100644 --- a/src/views/Browse.vue +++ b/src/views/Browse.vue @@ -386,7 +386,7 @@ onUnmounted(() => { font-weight: 600; line-height: 1.4; border-radius: 16px; - background: rgba(255, 255, 255, 0.95); + background: rgba(255, 255, 255, 0.85); color: rgba(0, 0, 0, 0.9); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4), @@ -417,7 +417,7 @@ onUnmounted(() => { .hero-play-button:hover { transform: translateY(-2px); - background: rgba(255, 255, 255, 1); + background: rgba(255, 255, 255, 0.95); box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 1);