Fix sidebar width

h39s · Feb 3, 2023 · 8eb8527 · 8eb8527
1 parent c4a6c4a
commit 8eb8527
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 13 deletions.
diff --git a/src/renderer/App.tsx b/src/renderer/App.tsx
@@ -12,18 +12,10 @@ const AppContent = () => {
 
   return (
     <>
-      {isLoading ? (
-        <div className="center full row">
-          <h1>Loading...</h1>
-        </div>
-      ) : (
-        <>
-          <SideBar />
-          <MainContent />
-          <PresetsBar />
-          <FrequencyResponseChart />
-        </>
-      )}
+      <SideBar />
+      <MainContent />
+      <PresetsBar />
+      <FrequencyResponseChart />
       {globalError && (
         <PrereqMissingModal
           isLoading={isLoading}

diff --git a/src/renderer/styles/App.scss b/src/renderer/styles/App.scss
@@ -27,7 +27,7 @@ body {
     grid-template-areas:
       'side-bar main-content presets-bar'
       'graph-wrapper graph-wrapper graph-wrapper';
-    grid-template-columns: max-content 1fr $preset-bar-width;
+    grid-template-columns: minmax($sidebar-width, max-content) 1fr $preset-bar-width;
     grid-template-rows: $equalizer-height 1fr;
     gap: $spacing-s;
   }

diff --git a/src/renderer/styles/_constant.scss b/src/renderer/styles/_constant.scss
@@ -1,4 +1,5 @@
 $preset-bar-width: 328px;
+$sidebar-width: 150px;
 $title-bar-height: 28px;
 
 $band-height: 498px;