nitrix/fete
1
0
Fork 0
Code Issues 1 Pull Requests 10 Actions Packages Projects Releases 13 Wiki Activity

Apply glassmorphism styling to event cards on list view

Browse Source 
Replace solid white event cards with glass-effect cards featuring
backdrop blur, semi-transparent gradient backgrounds, and light
borders that blend with the Electric Dusk gradient background.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
nitrix
2026-03-09 17:50:20 +01:00
parent 752d153cd4
commit e203ecf687
4 changed files with 57 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/assets/main.css
View File

@@ -16,6 +16,9 @@
--color-text-on-gradient: #ffffff;
--color-surface: #fff5f8;
--color-card: #ffffff;
--color-glass: rgba(255, 255, 255, 0.1);
--color-glass-border: rgba(255, 255, 255, 0.18);
--color-glass-hover: rgba(255, 255, 255, 0.18);
/* Gradient */
--gradient-primary: linear-gradient(135deg, #f06292 0%, #ab47bc 50%, #5c6bc0 100%);
@@ -33,7 +36,7 @@
--radius-button: 14px;
/* Shadows */
--shadow-card: 0 2px 8px rgba(0, 0, 0, 0.1);
--shadow-card: 0 4px 24px rgba(0, 0, 0, 0.12);
--shadow-button: 0 2px 8px rgba(0, 0, 0, 0.15);
/* Layout */