change side panel start width and set width minimum (#309)

Co-authored-by: Christopher Oliphant <RALifeCoach@users.noreply.github.com>

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) {

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();