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

fix: consolidate media queries to be consistent with ranges

Browse Source
This commit is contained in:
Christian Andolf
2025-04-09 12:09:57 +02:00
parent e6aa177e6f
commit ee72f58c33
13 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/scandic-web/components/HotelReservation/HotelCardDialogListing/index.tsx
View File

@@ -29,7 +29,7 @@ export default function HotelCardDialogListing({
const activeCardRef = useRef<HTMLDivElement | null>(null)
const observerRef = useRef<IntersectionObserver | null>(null)
const dialogRef = useRef<HTMLDivElement>(null)
const isMobile = useMediaQuery("(max-width: 768px)")
const isMobile = useMediaQuery("(max-width: 767px)")
const { activeHotelCard, setActiveHotelCard, setActiveHotelPin } =
useHotelsMapStore()

2
apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/MultiRoomWrapper/SelectedRoomPanel/selectedRoomPanel.module.css
View File

@@ -33,7 +33,7 @@ div.selectedRoomPanel p.subtitle {
padding-bottom: var(--Spacing-x1);
}
@media screen and (max-width: 768px) {
@media screen and (max-width: 767px) {
.selectedRoomPanel {
gap: var(--Spacing-x1);
grid-template-areas: "image" "content";

2
apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/MultiRoomWrapper/multiRoomWrapper.module.css
View File

@@ -48,7 +48,7 @@
display: none;
}
@media (max-width: 768px) {
@media (max-width: 767px) {
.roomContainer {
padding: var(--Spacing-x2);
}