feat(SW-340): Added scroll to top button

This commit is contained in:
Pontus Dreij
2024-11-08 10:00:53 +01:00
parent 2748120890
commit 5f46844b9b
22 changed files with 238 additions and 99 deletions

View File

@@ -5,8 +5,8 @@
@media (min-width: 768px) {
.hotelListing {
display: block;
width: 420px;
padding: var(--Spacing-x3) var(--Spacing-x4);
width: 100%;
overflow-y: auto;
padding-top: var(--Spacing-x2);
}
}

View File

@@ -4,15 +4,19 @@ import HotelCardListing from "@/components/HotelReservation/HotelCardListing"
import styles from "./hotelListing.module.css"
import { HotelCardListingType } from "@/types/components/hotelReservation/selectHotel/hotelCardListingProps"
import { HotelCardListingTypeEnum } from "@/types/components/hotelReservation/selectHotel/hotelCardListingProps"
import type { HotelListingProps } from "@/types/components/hotelReservation/selectHotel/map"
export default function HotelListing({ hotels }: HotelListingProps) {
export default function HotelListing({
hotels,
cardState = "default",
}: HotelListingProps) {
return (
<div className={styles.hotelListing}>
<HotelCardListing
hotelData={hotels}
type={HotelCardListingType.MapListing}
type={HotelCardListingTypeEnum.MapListing}
state={cardState}
/>
</div>
)