Some checks failed
ci/woodpecker/push/woodpecker Pipeline failed
- **CSS restructuring**: Moved `styles` folder into `src` for better organization. - **Updated imports**: Adjusted component CSS imports to reflect new paths. - **Component tweaks**: - Increased HoverCard width from `350px` to `400px` for better visual balance. - Adjusted Footer layout: reorganized copyright and added email link. - Modified Drinks circle dimensions (from `6em` to `9em`) for improved design. - **Footer styles**: Changed copyright section's layout with top spacing and border adjustments.
32 lines
607 B
Plaintext
32 lines
607 B
Plaintext
---
|
|
// src/components/EventsGrid.astro
|
|
|
|
import HoverCard from "./HoverCard.astro";
|
|
|
|
interface Event {
|
|
image: string;
|
|
title: string;
|
|
date: string;
|
|
description: string;
|
|
}
|
|
const { events = [], id }: { events?: Event[]; id?: string } = Astro.props as {
|
|
events?: Event[];
|
|
id?: string;
|
|
};
|
|
import "../styles/components/EventsGrid.css";
|
|
---
|
|
|
|
<h2 class="section-title">Events</h2>
|
|
<section id={id} class="events-gird container">
|
|
{
|
|
events.map((event: Event) => (
|
|
<HoverCard
|
|
title={event.title}
|
|
date={event.date}
|
|
description={event.description}
|
|
image={event.image}
|
|
/>
|
|
))
|
|
}
|
|
</section>
|