Develop (#108)

Datawheel · Oct 18, 2024 · f4eaa39 · f4eaa39
2 parents 32fa8e3 + 36e8472
commit f4eaa39
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/app/index.tsx b/app/index.tsx
@@ -1,5 +1,5 @@
 import React, {useMemo} from "react";
-import {Explorer, PivotView, TableView, ToolbarButton, TourStep, createVizbuilderView} from "../src/main";
+import {Explorer, PivotView, TableView, TourStep, createVizbuilderView} from "../src/main";
 import {createRoot} from "react-dom/client";
 import * as translations from "../translations";
 import {type ServerOption, SettingsProvider} from "./Settings";
@@ -48,7 +48,7 @@ function App() {
           serverConfig={settings.server.config}
           defaultOpenParams="drilldowns"
           formatters={formatters}
-          height={"calc(100vh - 50px)"}
+          height={"calc(100vh - 55px)"}
           locale={settings.locale}
           panels={[
             {key: "table", label: "Data Table", component: TableView},

diff --git a/src/components/ExplorerContent.tsx b/src/components/ExplorerContent.tsx
@@ -22,7 +22,7 @@ const useStyles = createStyles((theme, params: {height: CSSObject["height"]}) =>
     display: "flex",
     flexFlow: "column nowrap",
     position: "relative",
-    height: "calc(100% - 70px)",
+    height: "100%",
     [theme.fn.largerThan("md")]: {
       flexDirection: "row",
       // height: params.height,
@@ -31,7 +31,7 @@ const useStyles = createStyles((theme, params: {height: CSSObject["height"]}) =>
   },
   flexCol: {
     flex: "1 1 auto",
-    height: "calc(100vh - 70px)",
+    height: "100%",
     [theme.fn.largerThan("md")]: {
       width: 0,
       paddingLeft: 0,

diff --git a/src/components/SideBar.tsx b/src/components/SideBar.tsx
@@ -99,7 +99,7 @@ function SideBar(props: PropsWithChildren<SidebarProps>) {
         id="dex-sidebar"
         py="md"
         sx={t => ({
-          height: "calc(100vh - 50px)",
+          height: "100%",
           backgroundColor: t.colorScheme === "dark" ? t.colors.dark[8] : t.colors.gray[1],
           boxShadow: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
           maxWidth: expanded ? 300 : 54,
@@ -109,7 +109,7 @@ function SideBar(props: PropsWithChildren<SidebarProps>) {
           [t.fn.smallerThan("md")]: {
             position: "absolute",
             width: expanded ? 300 : 0,
-            height: expanded ? "calc(100vh - 50px)" : 0,
+            height: expanded ? "100%" : 0,
             bottom: expanded ? "unset" : t.spacing.md,
             left: expanded ? "unset" : t.spacing.md,
             overflow: "hidden",