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
Name | Type | Size | Permission | Actions |
---|---|---|---|---|
home | Folder | 0755 |
|
|
Accordion.js | File | 1.14 KB | 0644 |
|
Button.js | File | 478 B | 0644 |
|
DocLinks.js | File | 1.83 KB | 0644 |
|
FoundTypo.js | File | 820 B | 0644 |
|
MobileSidebar.js | File | 756 B | 0644 |
|
Sidebar.js | File | 619 B | 0644 |
|
layout.js | File | 604 B | 0644 |
|
links.js | File | 970 B | 0644 |
|
navbar.js | File | 3.17 KB | 0644 |
|
scripts.js | File | 610 B | 0644 |
|
seo.js | File | 1.72 KB | 0644 |
|