itsfinniii/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add Upcoming Event

Browse Source
This commit is contained in:
itsfinniii
2026-03-20 22:29:21 +01:00
parent fac720c4a1
commit eb5f4efd40
3 changed files with 55 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
astro/src/components/web/UpcomingEvents.astro
View File

@@ -1,6 +1,7 @@
---
import CalendarIcon from '@/icons/CalendarIcon.astro';
import { Image } from 'astro:assets';
import { upcomingEvent as UpcomingEvent } from './subcomponents/UpcomingEvent';
interface Props {
upcomingEvents: UpcomingEventsComponent;
@@ -24,7 +25,7 @@ const upcomingEvents = Astro.props.upcomingEvents;
alt=""
/>
</div>
<div class="flex flex-col gap-1.5 lg:w-[40%] w-full">
<div class="flex flex-col gap-2.5 lg:w-[40%] w-full">
<h3 class="text-3xl font-semibold">{event.title}</h3>
<div class="flex flex-row items-center gap-1.5 text-neutral-900">
<CalendarIcon width={24} height={24} />
@@ -34,6 +35,9 @@ const upcomingEvents = Astro.props.upcomingEvents;
<p>{event.startDate}</p>
) }
</div>
<div class="mt-3.5">
<UpcomingEvent event={event} client:load />
</div>
</div>
</div>
)) }