canvas is now scrollable

This commit is contained in:
2025-07-24 13:48:41 -07:00
parent cc6d141d19
commit 4cdc335cad
2 changed files with 4 additions and 3 deletions
@@ -1,4 +1,4 @@
import { HStack, Flex, Tabs } from "@chakra-ui/react"; import { HStack, Flex, Tabs, Box } from "@chakra-ui/react";
import WidgetCanvas from "./DashboardCanvasNav/WidgetCanvas"; import WidgetCanvas from "./DashboardCanvasNav/WidgetCanvas";
import { SearchBar } from "../components/SearchBar"; import { SearchBar } from "../components/SearchBar";
import { SettingsButton } from "../components/SettingsButton"; import { SettingsButton } from "../components/SettingsButton";
@@ -43,11 +43,12 @@ export function DashboardCanvas() {
return ( return (
/* HEADER */ /* HEADER */
<Tabs.Root defaultValue="my dashboard"> <Tabs.Root lazyMount defaultValue="my dashboard">
<Flex <Flex
as="header" as="header"
position="sticky" position="sticky"
top="0" top="0"
zIndex="banner"
bg="base200" bg="base200"
px={6} px={6}
py={3} py={3}
+1 -1
View File
@@ -61,7 +61,7 @@ export default function Dashboard() {
<GridItem colSpan={1}> <GridItem colSpan={1}>
<Sidebar onChangeView={ setView }/> <Sidebar onChangeView={ setView }/>
</GridItem> </GridItem>
<GridItem colSpan={1} width="100%"> <GridItem colSpan={1} width="100%" overflow="auto">
<Canvas view={ view }/> <Canvas view={ view }/>
</GridItem> </GridItem>
</Grid> </Grid>