From 2bf918613565af43c6dab8096139ecf069fd9be1 Mon Sep 17 00:00:00 2001
From: Athou <jeremiepanzer@gmail.com>
Date: Tue, 9 Jan 2024 16:20:46 +0100
Subject: [PATCH] only show sidebar resizer when sidebar is actually shown

---
 commafeed-client/src/pages/app/Layout.tsx | 44 ++++++++++++-----------
 1 file changed, 23 insertions(+), 21 deletions(-)

diff --git a/commafeed-client/src/pages/app/Layout.tsx b/commafeed-client/src/pages/app/Layout.tsx
index 5abb359d..5b60ecd9 100644
--- a/commafeed-client/src/pages/app/Layout.tsx
+++ b/commafeed-client/src/pages/app/Layout.tsx
@@ -157,28 +157,30 @@ export default function Layout(props: LayoutProps) {
                     <Box className={classes.sidebarContent}>{props.sidebar}</Box>
                 </AppShell.Section>
             </AppShell.Navbar>
-            <Draggable
-                axis="x"
-                defaultPosition={{
-                    x: sidebarWidth,
-                    y: Constants.layout.headerHeight,
-                }}
-                bounds={{
-                    left: 120,
-                    right: 1000,
-                }}
-                grid={[30, 30]}
-                onDrag={(_e, data) => setSidebarWidth(data.x)}
-            >
-                <Box
-                    style={{
-                        position: "fixed",
-                        height: "100%",
-                        width: "10px",
-                        cursor: "ew-resize",
+            <OnDesktop>
+                <Draggable
+                    axis="x"
+                    defaultPosition={{
+                        x: sidebarWidth,
+                        y: Constants.layout.headerHeight,
                     }}
-                ></Box>
-            </Draggable>
+                    bounds={{
+                        left: 120,
+                        right: 1000,
+                    }}
+                    grid={[30, 30]}
+                    onDrag={(_e, data) => setSidebarWidth(data.x)}
+                >
+                    <Box
+                        style={{
+                            position: "fixed",
+                            height: "100%",
+                            width: "10px",
+                            cursor: "ew-resize",
+                        }}
+                    ></Box>
+                </Draggable>
+            </OnDesktop>
 
             <AppShell.Main id="content">
                 <Suspense fallback={<Loader />}>