Mirrors/rowy
1
0
Fork 0
mirror of https://github.com/rowyio/rowy.git synced 2025-12-28 16:06:41 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix TableTutorial positioning when nav open

Browse Source
This commit is contained in:
Sidney Alcantara
2022-08-15 12:05:54 +02:00
parent 819cc0ff66
commit 796067af40
1 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/TableTutorial/TableTutorial.tsx
View File

@@ -1,5 +1,5 @@
import { useState, Fragment } from "react";
import { useSetAtom } from "jotai";
import { useAtom, useSetAtom } from "jotai";
import { useNavigate } from "react-router-dom";
import {
@@ -17,11 +17,19 @@ import ArrowForwardIcon from "@mui/icons-material/ArrowForward";
import StepsProgress from "@src/components/StepsProgress";
import { TUTORIAL_STEPS } from "./Steps";
import { projectScope, confirmDialogAtom } from "@src/atoms/projectScope";
import {
projectScope,
confirmDialogAtom,
navOpenAtom,
} from "@src/atoms/projectScope";
import { ROUTES } from "@src/constants/routes";
import { NAV_DRAWER_COLLAPSED_WIDTH } from "@src/layouts/Navigation/NavDrawer";
import {
NAV_DRAWER_COLLAPSED_WIDTH,
NAV_DRAWER_WIDTH,
} from "@src/layouts/Navigation/NavDrawer";
export default function TableTutorial() {
const [navOpen] = useAtom(navOpenAtom, projectScope);
const confirm = useSetAtom(confirmDialogAtom, projectScope);
const navigate = useNavigate();
@@ -56,7 +64,7 @@ export default function TableTutorial() {
bottom: `env(safe-area-inset-bottom)`,
left: {
xs: `env(safe-area-inset-left)`,
md: NAV_DRAWER_COLLAPSED_WIDTH + 2,
md: (navOpen ? NAV_DRAWER_WIDTH : NAV_DRAWER_COLLAPSED_WIDTH) + 2,
},
right: `env(safe-area-inset-right)`,
height: "min(50vh, 440px)",