fix: upgrade package, remove max-width, fix scatter plot resolution

thraizz · Mar 2, 2024 · 0391830 · 0391830
1 parent 7d13a6a
commit 0391830
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/src/App.tsx b/src/App.tsx
@@ -24,14 +24,14 @@ export const App = () => {
             </p>
           )}
         </div>
+        {isLoggedIn && <SessionPicker />}
         <UserMenu />
       </header>
       {isLoggedIn ? (
         <div className="flex flex-grow flex-col gap-8 bg-gray-200 py-8">
-          <div className="flex flex-col items-center justify-center">
-            <div className="mx-auto w-full max-w-4xl p-4 bg-gray-100 rounded-md shadow-md flex flex-col gap-4">
+          <div className="flex mx-8 flex-col items-center justify-center">
+            <div className="w-full p-4 bg-gray-100 rounded-md shadow-md flex flex-col gap-4">
               <h2 className="text-2xl font-bold">Sessions</h2>
-              <SessionPicker />
               <DataTable />
               <AveragesTable />
               <AveragesScatterPlot />

diff --git a/src/AveragesScatterPlot.tsx b/src/AveragesScatterPlot.tsx
@@ -103,7 +103,7 @@ export const AveragesScatterPlot = () => {
                   />
                 </div>
               </div>
-              <Vega height={300} width={800} spec={spec} data={averages} />
+              <Vega width={1500} height={700} spec={spec} data={averages} />
             </div>
           </Disclosure.Panel>
         </>
-Original file line number
+Diff line change
@@ Expand Up / @@ -103,7 +103,7 @@ export const AveragesScatterPlot = () => { @@
                       />
                     </div>
                   </div>
-                  <Vega height={300} width={800} spec={spec} data={averages} />
+                  <Vega width={1500} height={700} spec={spec} data={averages} />
                 </div>
               </Disclosure.Panel>
             </>
@@ Expand Down @@