1import React from 'react' 2import styled from 'styled-components' 3import DocLinks from './DocLinks' 4import {} from '../components/Sidebar' 5 6const MobileContainer = styled.div` 7 border-left: 1px solid #86838333; 8 border-bottom: 1px solid #86838333; 9 padding: 30px 30px 200px; 10 width: 340px; 11 display: block; 12 height: calc(100vh - 54px); 13 overflow: scroll; 14 position: fixed; 15 top: 54px; 16 right: 0px; 17 background-color: ${(props) => props.theme.colors.white}; 18 z-index: 100; 19 20 @media screen and (min-width: ${(props) => props.theme.breakpoints.TABLET}) { 21 display: none; 22 } 23` 24 25const MobileSidebar = () => { 26 return ( 27 <MobileContainer flexDirection='column'> 28 <DocLinks /> 29 </MobileContainer> 30 ) 31} 32 33export default MobileSidebar 34