From ff900970a872c096db03494be155fdc1552b58d7 Mon Sep 17 00:00:00 2001
From: Mirko Lenz <mirko@mirkolenz.com>
Date: Mon, 5 Feb 2024 10:15:54 +0100
Subject: [PATCH] fix: make sidebars bigger, adjust mobile breakpoint

---
 src/App.tsx  | 2 +-
 src/store.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 30a9de8..e9d78e9 100644
--- 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
index a60ef71..bd94424 100644
--- 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,
 };