#

vincentlu

2025-01-14 e1d1d6279ca95febb12f6ce476a54c5bfc30d93f

1
2
3
4
5
6
7
8
9
10
11
12
import { useMediaQuery, useTheme } from '@mui/material';
 
const DENSE_NAVBAR_HEIGHT = 48;
const DENSE_NAVBAR_HEIGHT_MOBILE = 64;
 
export default function useAppBarHeight() {
    const { breakpoints } = useTheme();
    const queryDesktop = breakpoints.up('sm');
    return useMediaQuery(queryDesktop)
        ? DENSE_NAVBAR_HEIGHT
        : DENSE_NAVBAR_HEIGHT_MOBILE;
}