Archives/Athou_commafeed
1
0
Fork 1
mirror of https://github.com/Athou/commafeed.git synced 2026-03-21 21:37:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

only show sidebar resizer when sidebar is actually shown

Browse Source
This commit is contained in:
Athou
2024-01-09 16:20:46 +01:00
parent d4ea51c145
commit 2bf9186135
1 changed files with 23 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
commafeed-client/src/pages/app/Layout.tsx
View File

@@ -157,28 +157,30 @@ export default function Layout(props: LayoutProps) {
<Box className={classes.sidebarContent}>{props.sidebar}</Box> <Box className={classes.sidebarContent}>{props.sidebar}</Box>
</AppShell.Section> </AppShell.Section>
</AppShell.Navbar> </AppShell.Navbar>
<Draggable <OnDesktop>
axis="x" <Draggable
defaultPosition={{ axis="x"
x: sidebarWidth, defaultPosition={{
y: Constants.layout.headerHeight, 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",
}} }}
></Box> bounds={{
</Draggable> 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"> <AppShell.Main id="content">
<Suspense fallback={<Loader />}> <Suspense fallback={<Loader />}>