diff --git a/src/app/deals/components/shared/Boards/Boards.tsx b/src/app/deals/components/shared/Boards/Boards.tsx index f056317..fa9db64 100644 --- a/src/app/deals/components/shared/Boards/Boards.tsx +++ b/src/app/deals/components/shared/Boards/Boards.tsx @@ -32,6 +32,7 @@ const Boards = () => { mt={"xs"} mb={"sm"}> { return ( + wrap={"nowrap"}> + value && setSelectedProject(value)} + style={{ + borderBottom: "solid gray 2px", + paddingBottom: 5, + }} /> ); @@ -36,19 +41,22 @@ const Header = () => { const getMobileHeader = () => { return ( - - setIsProjectsDrawerOpened(true)}> - - - {selectedProject?.name} - setIsEditorDrawerOpened(true)}> - - - + <> + + setIsProjectsDrawerOpened(true)}> + + + {selectedProject?.name} + setIsEditorDrawerOpened(true)}> + + + + + ); }; @@ -60,7 +68,6 @@ const Header = () => { gap={0} w={"100%"}> {isMobile ? getMobileHeader() : getDesktopHeader()} - ); diff --git a/src/app/deals/components/shared/StatusColumnWrapper/StatusColumnWrapper.module.css b/src/app/deals/components/shared/StatusColumnWrapper/StatusColumnWrapper.module.css index 3a1a715..cb79ab1 100644 --- a/src/app/deals/components/shared/StatusColumnWrapper/StatusColumnWrapper.module.css +++ b/src/app/deals/components/shared/StatusColumnWrapper/StatusColumnWrapper.module.css @@ -1,5 +1,6 @@ .container { + height: calc(100vh - 150px); @media (max-width: 48em) { width: 80vw; height: calc(100vh - 200px); diff --git a/src/app/deals/components/shared/StatusColumnWrapper/StatusColumnWrapper.tsx b/src/app/deals/components/shared/StatusColumnWrapper/StatusColumnWrapper.tsx index 0a8d9bf..2a76e42 100644 --- a/src/app/deals/components/shared/StatusColumnWrapper/StatusColumnWrapper.tsx +++ b/src/app/deals/components/shared/StatusColumnWrapper/StatusColumnWrapper.tsx @@ -22,7 +22,7 @@ const StatusColumnWrapper = ({ renderHeader, children }: Props) => { scrollbarSize={10} type={"always"} scrollbars={"y"}> - {children} + {children}