Current File : /opt/alt/alt-nodejs12/root/usr/lib/node_modules/npm/docs/src/components//MobileSidebar.js
import React from 'react'
import styled from 'styled-components'
import DocLinks from './DocLinks'
import {} from '../components/Sidebar'
const MobileContainer = styled.div`
border-left: 1px solid #86838333;
border-bottom: 1px solid #86838333;
padding: 30px 30px 200px;
width: 340px;
display: block;
height: calc(100vh - 54px);
overflow: scroll;
position: fixed;
top: 54px;
right: 0px;
background-color: ${(props) => props.theme.colors.white};
z-index: 100;
@media screen and (min-width: ${(props) => props.theme.breakpoints.TABLET}) {
display: none;
}
`
const MobileSidebar = () => {
return (
<MobileContainer flexDirection='column'>
<DocLinks />
</MobileContainer>
)
}
export default MobileSidebar
