notkaramel/ECSESS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Re-componentize EventBlock, some misc change, update UX entirely.

Browse Source
This commit is contained in:
Antoine Phan
2026-01-11 21:41:19 -05:00
parent 415495e215
commit 9fc25f3072
10 changed files with 328 additions and 248 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/components/event/EBComponents/EventInfoGrid.svelte Normal file
View File

@@ -0,0 +1,28 @@
<script lang="ts">
import { CalendarDays, MapPin } from '@lucide/svelte';
let { date, location } = $props<{
date: string;
location?: string;
}>();
</script>
<div class="relative z-30 m-5 space-y-3 rounded-xl border border-ecsess-800/30 bg-ecsess-900/60 p-4 backdrop-blur-sm pointer-events-none">
<div class="flex items-center gap-3">
<div class="flex h-10 w-10 items-center justify-center rounded-full bg-ecsess-400">
<CalendarDays class="h-5 w-5 text-white" strokeWidth={2.5} />
</div>
<div class="flex-1">
<p class="text-sm font-semibold text-ecsess-50">{date}</p>
</div>
</div>
<div class="flex items-center gap-3">
<div class="flex h-10 w-10 items-center justify-center rounded-full bg-ecsess-400">
<MapPin class="h-5 w-5 text-white" strokeWidth={2.5} />
</div>
<div class="flex-1">
<p class="text-sm font-semibold text-ecsess-50">{location ?? 'TBA'}</p>
</div>
</div>
</div>