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

Apply glassmorphism design system across all UI surfaces #23

Merged
nitrix merged 11 commits from glassmorphism-event-cards into master 2026-03-09 19:11:53 +01:00
Conversation 0 Commits 11 Files Changed 15 +8 -5
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit a9743025a7 - Show all commits

13
frontend/src/views/EventDetailView.vue
View File

@@ -268,15 +268,19 @@ onMounted(fetchEvent)
.detail__hero { .detail__hero {
position: relative; position: relative;
width: 100%; width: 100%;
height: 260px; height: 420px;
overflow: hidden; overflow: visible;
flex-shrink: 0; flex-shrink: 0;
} }
.detail__hero-img { .detail__hero-img {
position: absolute;
inset: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; object-fit: cover;
mask-image: linear-gradient(to bottom, black 40%, transparent 100%);
-webkit-mask-image: linear-gradient(to bottom, black 40%, transparent 100%);
} }
.detail__hero-overlay { .detail__hero-overlay {
@@ -284,9 +288,8 @@ onMounted(fetchEvent)
inset: 0; inset: 0;
background: linear-gradient( background: linear-gradient(
to bottom, to bottom,
rgba(0, 0, 0, 0.4) 0%, rgba(27, 23, 48, 0.4) 0%,
transparent 50%, transparent 50%
var(--color-gradient-start) 100%
); );
} }