Package StickyNavContainer.tsx

0% Statements 0/2

100% Branches 0/0

0% Functions 0/1

0% Lines 0/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { Flex, FlexProps } from "@chakra-ui/react";
import { FunctionComponent } from "react";
 
export interface StickyNavContainerProps extends FlexProps {
  offset: string | number;
}
 
export const StickyNavContainer: FunctionComponent<StickyNavContainerProps> = ({
  offset,
  ...props
}) => (
  <Flex
    alignSelf="stretch"
    as="nav" // to be more semantic
    direction="column"
    display={{ base: "none", lg: "flex" }}
    maxHeight={`calc(100vh - ${offset})`}
    overflow="hidden auto"
    position="sticky"
    {...props}
  />
);