Make axis-nav-bar mobile modal width a property (#50)

* Make mobile modal width a property * Bump version number
centrifuge · Mar 22, 2020 · 11db767 · 11db767
1 parent ad2f246
commit 11db767
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/packages/nav-bar/package.json b/packages/nav-bar/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@centrifuge/axis-nav-bar",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "Nav Bar ",
   "author": "razvan <[email protected]>",
   "homepage": "https://github.com/centrifuge/axis/tree/master/packages/nav-bar#readme",

diff --git a/packages/nav-bar/src/NavBar.tsx b/packages/nav-bar/src/NavBar.tsx
@@ -44,6 +44,7 @@ interface Props extends BoxProps, StyledThemeProps<ThemeProps> {
   mainMenuAlignment?: 'right' | 'left',
   sticky?: boolean,
   menuItems: MenuItem[],
+  overlayWidth?: string,
   onRouteClick: (item: MenuItem) => void,
 }
 
@@ -75,6 +76,7 @@ const NavBar: FunctionComponent<Props> = (props) => {
     mainMenuAlignment,
     theme,
     children,
+    overlayWidth,
     ...rest
   } = props;
 
@@ -212,7 +214,7 @@ const NavBar: FunctionComponent<Props> = (props) => {
               onClickOutside={closeMenu}
               onEsc={closeMenu}
             >
-              <Box width={'70vw'} pad={'medium'}>
+              <Box width={overlayWidth} pad={{"top":'medium'}}>
                 <Box fill={'horizontal'} align={'end'}>
                   <Anchor onClick={closeMenu}>
                     <icons.close size={icons.size}/>