about summary refs log tree commit diff
path: root/src/alf/breakpoints.ts
diff options
context:
space:
mode:
Diffstat (limited to 'src/alf/breakpoints.ts')
-rw-r--r--src/alf/breakpoints.ts15
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,
+  }
+}