lfg2025/indee-demo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make Play button fill more transparent for better glass effect

Browse Source 
- 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 <cursoragent@cursor.com>
This commit is contained in:
Dorian
2026-02-03 00:08:25 +00:00
parent db6d058a49
commit d44878bae6
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/views/Browse.vue
View File

@@ -386,7 +386,7 @@ onUnmounted(() => {
font-weight: 600; font-weight: 600;
line-height: 1.4; line-height: 1.4;
border-radius: 16px; border-radius: 16px;
background: rgba(255, 255, 255, 0.95); background: rgba(255, 255, 255, 0.85);
color: rgba(0, 0, 0, 0.9); color: rgba(0, 0, 0, 0.9);
box-shadow: box-shadow:
0 12px 32px rgba(0, 0, 0, 0.4), 0 12px 32px rgba(0, 0, 0, 0.4),
@@ -417,7 +417,7 @@ onUnmounted(() => {
.hero-play-button:hover { .hero-play-button:hover {
transform: translateY(-2px); transform: translateY(-2px);
background: rgba(255, 255, 255, 1); background: rgba(255, 255, 255, 0.95);
box-shadow: box-shadow:
0 16px 40px rgba(0, 0, 0, 0.5), 0 16px 40px rgba(0, 0, 0, 0.5),
inset 0 1px 0 rgba(255, 255, 255, 1); inset 0 1px 0 rgba(255, 255, 255, 1);