fix: make sidebars bigger, adjust mobile breakpoint

recap-utr · Feb 5, 2024 · ff90097 · ff90097
1 parent 918e7cd
commit ff90097
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -13,7 +13,7 @@ import { setState, useStore } from "./store.js";
 
 export default function App() {
   const sidebarWidth = useStore((state) => state.sidebarWidth);
-  const isMobile = useMediaQuery(useTheme().breakpoints.down("md"));
+  const isMobile = useMediaQuery(useTheme().breakpoints.down("lg"));
 
   const leftSidebarOpen = useStore((state) => state.leftSidebarOpen);
   const rightSidebarOpen = useStore((state) => state.rightSidebarOpen);

diff --git a/src/store.ts b/src/store.ts
@@ -181,7 +181,7 @@ const initialState: State = {
   prettifyJson: true,
   imageScale: 3,
   selectedResource: "1",
-  sidebarWidth: 300,
+  sidebarWidth: 400,
   headerHeight: 64,
 };