import React from 'react'
import styled from 'styled-components'
import DocLinks from './DocLinks'
const Container = styled.nav`
border-right: 1px solid #86838333;
padding: 30px;
height: 100vh;
display: none;
width: 380px;
position: sticky;
overflow: scroll;
padding-bottom: 200px;
top: 54px;
background-color: ${(props) => props.theme.colors.white};
@media screen and (min-width: ${(props) => props.theme.breakpoints.TABLET}) {
display: block;
}
`
const Sidebar = () => {
return (
<Container className='sidebar'>
<DocLinks />
</Container>
)
}
export default Sidebar
| 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 | 815 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 |
|