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 | 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 |
|