ok
Direktori : /opt/alt/alt-nodejs12/root/lib/node_modules/npm/docs/src/components/ |
Current File : //opt/alt/alt-nodejs12/root/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