canvas is now scrollable
This commit is contained in:
@@ -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}
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user