From 022e34b8a1933fee853f6ad7dbdae5f15cdcd784 Mon Sep 17 00:00:00 2001
From: FromTheLOLAshes <153381408+FromTheLOLAshes@users.noreply.github.com>
Date: Fri, 3 May 2024 12:48:41 -0400
Subject: [PATCH] change side panel start width and set width minimum (#309)

Co-authored-by: Christopher Oliphant <RALifeCoach@users.noreply.github.com>
---
 .../PageEnigma/comps/Timeline/utils/useMouseEventsSidePanel.ts  | 2 +-
 app/root.tsx                                                    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/pages/PageEnigma/comps/Timeline/utils/useMouseEventsSidePanel.ts b/app/pages/PageEnigma/comps/Timeline/utils/useMouseEventsSidePanel.ts
index 1838642fad..58cbafd267 100644
--- a/app/pages/PageEnigma/comps/Timeline/utils/useMouseEventsSidePanel.ts
+++ b/app/pages/PageEnigma/comps/Timeline/utils/useMouseEventsSidePanel.ts
@@ -19,7 +19,7 @@ export const useMouseEventsSidePanel = () => {
         const delta = event.clientX - clientX;
         event.stopPropagation();
         event.preventDefault();
-        if (sidePanelWidth.value - delta < 0) {
+        if (sidePanelWidth.value - delta < 240) {
           return;
         }
         if (sidePanelWidth.value - delta > 443) {
diff --git a/app/root.tsx b/app/root.tsx
index 7bdedb6aba..b337b3b345 100644
--- a/app/root.tsx
+++ b/app/root.tsx
@@ -87,7 +87,7 @@ export default function App() {
       pageWidth.value = window.innerWidth;
     }
     timelineHeight.value = window.innerHeight * 0.25;
-    sidePanelWidth.value = 443;
+    sidePanelWidth.value = 340;
 
     setPage();