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/Forms/BookingWidget/FormContent/BookingCode/booking-code.module.css
View File

@@ -71,7 +71,7 @@
}
}
@media screen and (min-width: 768px) and (max-width: 1367px) {
@media screen and (min-width: 768px) and (max-width: 1366px) {
.container {
display: flex;
}

2
apps/scandic-web/components/Forms/BookingWidget/FormContent/BookingCode/index.tsx
View File

@@ -31,7 +31,7 @@ const invalidBookingCodeMsg = "Invalid booking code"
export default function BookingCode() {
const intl = useIntl()
const checkIsTablet = useMediaQuery(
"(min-width: 768px) and (max-width: 1367px)"
"(min-width: 768px) and (max-width: 1366px)"
)
const checkIsDesktop = useMediaQuery("(min-width: 1367px)")
const [isTablet, setIsTablet] = useState(false)

2
apps/scandic-web/components/Forms/BookingWidget/FormContent/formContent.module.css
View File

@@ -31,7 +31,7 @@
}
}
@media screen and (max-width: 1367px) {
@media screen and (max-width: 1366px) {
.inputContainer {
display: grid;
gap: var(--Spacing-x2);