From 80482af5c09bd827f7d2327a398954f6204577d3 Mon Sep 17 00:00:00 2001
From: RaviAnand Mohabir <moravrav@gmail.com>
Date: Tue, 8 Apr 2025 12:08:48 +0200
Subject: [PATCH] feat: :lipstick: set preview breakpoint to xl

---
 src/Organizrr.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/Organizrr.tsx b/src/Organizrr.tsx
index 0b2861b..f89c786 100644
--- a/src/Organizrr.tsx
+++ b/src/Organizrr.tsx
@@ -6,6 +6,7 @@ import {
   Button,
   Group,
   Loader,
+  MantineSize,
   Pagination,
   Paper,
   ScrollArea,
@@ -60,6 +61,7 @@ function Organizrr() {
   const [desktopOpened, { close: closeDesktop, open: openDesktop }] =
     useDisclosure(true);
 
+  const previewBreakpoint: MantineSize = "xl";
   const [previewMobileOpened, { toggle: togglePreviewMobile }] =
     useDisclosure();
   const [previewOpened, { toggle: togglePreview, open: openPreview }] =
@@ -263,7 +265,7 @@ function Organizrr() {
       }}
       aside={{
         width: 600,
-        breakpoint: "sm",
+        breakpoint: previewBreakpoint,
         collapsed: { mobile: !previewMobileOpened, desktop: !previewOpened },
       }}
       padding="md"
@@ -289,14 +291,14 @@ function Organizrr() {
               <ActionIcon
                 variant="subtle"
                 onClick={togglePreview}
-                visibleFrom="sm"
+                visibleFrom={previewBreakpoint}
               >
                 {previewOpened ? <IconEyeOff /> : <IconEye />}
               </ActionIcon>
               <ActionIcon
                 variant="subtle"
                 onClick={togglePreviewMobile}
-                hiddenFrom="sm"
+                hiddenFrom={previewBreakpoint}
               >
                 {previewMobileOpened ? <IconEyeOff /> : <IconEye />}
               </ActionIcon>