(fix:nav) tablets behave like mobile, use tailwind breakpoints

This commit is contained in:
ManishMadan2882
2025-05-29 17:17:29 +05:30
parent b7e1329c13
commit 71d3714347
2 changed files with 7 additions and 4 deletions

View File

@@ -35,8 +35,8 @@ export function useOutsideAlerter<T extends HTMLElement>(
export function useMediaQuery() {
const mobileQuery = '(max-width: 768px)';
const tabletQuery = '(max-width: 1024px)'; // Tablet breakpoint at 1024px
const desktopQuery = '(min-width: 1025px)'; // Desktop starts after tablet
const tabletQuery = '(max-width: 1023px)';
const desktopQuery = '(min-width: 1024px)';
const [isMobile, setIsMobile] = useState(false);
const [isTablet, setIsTablet] = useState(false);
const [isDesktop, setIsDesktop] = useState(false);