Apply glass utility class to form fields and buttons

Use .glass class on form fields and buttons on gradient backgrounds.
Buttons get gradient glow border via background-clip trick. Solid
white fallback preserved for BottomSheet context.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-09 18:47:57 +01:00
parent 019ead7be3
commit 64816558c1
3 changed files with 31 additions and 17 deletions

View File

@@ -70,7 +70,7 @@
<!-- Error state -->
<div v-else-if="state === 'error'" class="detail__content detail__content--center" role="alert">
<p class="detail__message">Something went wrong.</p>
<button class="btn-primary" type="button" @click="fetchEvent">Retry</button>
<button class="btn-primary glass" type="button" @click="fetchEvent">Retry</button>
</div>
</div>