diff options
Diffstat (limited to 'src/alf')
-rw-r--r-- | src/alf/breakpoints.ts | 15 |
1 files changed, 15 insertions, 0 deletions
diff --git a/src/alf/breakpoints.ts b/src/alf/breakpoints.ts index 934585644..f30a4b489 100644 --- a/src/alf/breakpoints.ts +++ b/src/alf/breakpoints.ts @@ -26,3 +26,18 @@ export function useBreakpoints(): Record<Breakpoint, boolean> & { } }, [gtPhone, gtMobile, gtTablet]) } + +/** + * Fine-tuned breakpoints for the shell layout + */ +export function useLayoutBreakpoints() { + const rightNavVisible = useMediaQuery({minWidth: 1075}) + const centerColumnOffset = useMediaQuery({minWidth: 1075, maxWidth: 1300}) + const leftNavMinimal = useMediaQuery({maxWidth: 1300}) + + return { + rightNavVisible, + centerColumnOffset, + leftNavMinimal, + } +} |