feat: add CardGrid and add style to StayCard

This commit is contained in:
Christel Westerberg
2024-05-10 15:07:24 +02:00
parent 0a862ca770
commit d2eb2a3077
15 changed files with 176 additions and 106 deletions

View File

@@ -1,3 +1,5 @@
import { Calendar } from "react-feather"
import { dt } from "@/lib/dt"
import Image from "@/components/Image"
@@ -36,21 +38,12 @@ export default function StayCard({ stay, lang }: StayCardProps) {
>
{hotelInformation.hotelName}
</Title>
<section className={styles.container}>
<div className={styles.date}>
<Image
alt="Calendar Icon"
height={20}
src="/_static/icons/calendar_month.svg"
width={20}
/>
<p>
<time dateTime={arrivalDateTime}>{arrivalDate}</time>
{" - "}
<time dateTime={departDateTime}>{departDate}</time>
</p>
</div>
</section>
<div className={styles.date}>
<Calendar height={20} width={20} color="var(--Main-Brand-Burgundy)" />
<time dateTime={arrivalDateTime}>{arrivalDate}</time>
{" - "}
<time dateTime={departDateTime}>{departDate}</time>
</div>
</footer>
</article>
)