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

Merged in fix/SW-1827-map-ipad-breakpoint (pull request #2539)

Browse Source 
fix(SW-1827): change breakpoint for ipad to 900 for map view select hotel

* fix(SW-1827): change breakpoint for ipad to 900 for map view select hotel


Approved-by: Anton Gunnarsson
Approved-by: Matilda Landström
This commit is contained in:
Bianca Widstam
2025-07-09 11:38:51 +00:00
parent 3a7249484a
commit 3615c48853
4 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/scandic-web/components/HotelReservation/SelectHotel/SelectHotelMap/HotelListing/index.tsx
View File

@@ -17,7 +17,7 @@ export default function HotelListing({
unfilteredHotelCount,
}: HotelListingProps) {
const { activeHotel } = useHotelsMapStore()
const isMobile = useMediaQuery("(max-width: 767px)")
const isMobile = useMediaQuery("(max-width: 899px)")
return isMobile ? (
<div className={styles.hotelListingMobile} data-open={!!activeHotel}>

2
apps/scandic-web/components/HotelReservation/SelectHotel/SelectHotelMap/SelectHotelMapContainerSkeleton.module.css
View File

@@ -28,7 +28,7 @@
flex: 1;
}
@media (min-width: 768px) {
@media (min-width: 900px) {
.container {
height: 100%;
}

2
apps/scandic-web/components/HotelReservation/SelectHotel/SelectHotelMap/SelectHotelMapContent/index.tsx
View File

@@ -50,7 +50,7 @@ export default function SelectHotelContent({
const intl = useIntl()
const map = useMap()
const isAboveMobile = useMediaQuery("(min-width: 768px)")
const isAboveMobile = useMediaQuery("(min-width: 900px)")
const [visibleHotels, setVisibleHotels] = useState<HotelResponse[]>([])
const [showSkeleton, setShowSkeleton] = useState<boolean>(true)
const listingContainerRef = useRef<HTMLDivElement | null>(null)

2
apps/scandic-web/components/HotelReservation/SelectHotel/SelectHotelMap/SelectHotelMapContent/selectHotelMapContent.module.css
View File

@@ -35,7 +35,7 @@
width: auto;
}
@media (min-width: 768px) {
@media (min-width: 900px) {
.container .closeButton {
display: flex;
}