feat: add CardGrid and add style to StayCard
This commit is contained in:
@@ -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>
|
||||
)
|
||||
|
||||
Reference in New Issue
Block a user