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

Fix mobile responsiveness for Upcoming Events

Browse Source
This commit is contained in:
itsfinniii
2026-03-23 19:34:43 +01:00
parent b24a02e292
commit 0d9fe0eaec
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -15,8 +15,8 @@ const upcomingEvents = Astro.props.upcomingEvents;
<div class="flex flex-col items-start gap-7 w-full"> <div class="flex flex-col items-start gap-7 w-full">
{ upcomingEvents.events.map((event) => ( { upcomingEvents.events.map((event) => (
<div id={event.id} class="flex flex-row items-center justify-center gap-y-8 gap-x-18"> <div id={event.id} class="flex lg:flex-row flex-col items-center justify-center lg:gap-y-8 gap-y-5 gap-x-18">
<div class="lg:w-[40%] w-full"> <div class="lg:w-[50%] w-full">
<Image <Image
src={event.thumbnail.url} src={event.thumbnail.url}
width={event.thumbnail.width} width={event.thumbnail.width}

2
astro/src/components/web/subcomponents/UpcomingEvent.tsx
View File

@@ -17,7 +17,7 @@ export function upcomingEvent(props: { event: UpcomingEvent }) {
return ( return (
<div> <div>
<div className="hover:cursor-pointer text-indigo-400 underline" onClick={open}>{"Read more >>"}</div> <div className="hover:cursor-pointer text-indigo-400 underline w-fit text-lg font-semibold" onClick={open}>{"Read more >>"}</div>
{ isOpen && ( { isOpen && (
<div <div