acouzens
/
open5gs
1
0
Fork 1
Code Issues Pull Requests 1 Projects Releases Wiki Activity

update it

This commit is contained in:
Sukchan Lee 2017-05-31 18:32:37 +09:00
parent 1009274d78
commit a5b4ee79d1
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
webui/components/Sidebar.js
View File

@ -1,20 +1,21 @@
import PropTypes from 'prop-types';
import styled from 'styled-components';
import { media, transitions} from '../lib/style-utils';
import oc from 'open-color';
const Wrapper = styled.div`
width: ${props => props.width};
z-index: 1;
width: ${p => p.visible ? p.width : '0'};
transition: width .2s ease-in-out;
background-color: ${oc.indigo[3]};
border-right: 1px solid ${oc.indigo[4]};
box-shadow: 3px 3px 6px rgba(0,0,0,0.10), 3px 3px 6px rgba(0,0,0,0.20);
`;
const Sidebar = ({ visible, width }) => visible ? (
(<Wrapper width={width}> </Wrapper>)
) : null;
const Sidebar = ({ visible, width }) =>
(<Wrapper visible={visible} width={width}> </Wrapper>)
Sidebar.propTypes = {
visible: PropTypes.bool,