scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(SW-68): add semantic elements

Browse Source
This commit is contained in:
Fredrik Thorsson
2024-08-08 13:55:44 +02:00
parent 4c0c90a0f0
commit 03fd0a8a49
2 changed files with 4 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/[lang]/(live)/(public)/hotelreservation/select-hotel/page.module.css
View File

@@ -7,11 +7,7 @@
background-color: var(--Scandic-Brand-Warm-White); background-color: var(--Scandic-Brand-Warm-White);
} }
.button { .hotelSection {
padding-left: var(--Spacing-x0);
}
.section {
display: grid; display: grid;
gap: var(--Spacing-x4); gap: var(--Spacing-x4);
} }

6
app/[lang]/(live)/(public)/hotelreservation/select-hotel/page.tsx
View File

@@ -31,7 +31,7 @@ export default async function SelectHotelPage({
return ( return (
<> <>
<main className={styles.main}> <main className={styles.main}>
<nav className={styles.nav}> <section>
<StaticMap <StaticMap
city={tempSearchTerm} city={tempSearchTerm}
width={340} width={340}
@@ -49,8 +49,8 @@ export default async function SelectHotelPage({
<ChevronRightIcon color="burgundy" className={styles.icon} /> <ChevronRightIcon color="burgundy" className={styles.icon} />
</Link> </Link>
<HotelFilter filters={hotelFilters} /> <HotelFilter filters={hotelFilters} />
</nav> </section>
<section className={styles.section}> <section className={styles.hotelSection}>
{hotels.map((hotel) => ( {hotels.map((hotel) => (
<HotelCard key={hotel.name} hotel={hotel} /> <HotelCard key={hotel.name} hotel={hotel} />
))} ))}