PromucFlow_constructor/app/client/src/pages/AppViewer/AppViewerSideNavWrapper.tsx

32 lines
813 B
TypeScript
Raw Normal View History

import styled from "styled-components";
export default styled.div`
2020-12-24 04:32:25 +00:00
background: ${(props) => props.theme.colors.paneBG};
& button.sidenav-toggle,
& button.sidenav-toggle:hover,
& button.sidenav-toggle:active {
2020-12-24 04:32:25 +00:00
background: ${(props) => props.theme.colors.paneBG};
outline: none;
border: none;
border-radius: 0;
}
& ul {
2020-12-24 04:32:25 +00:00
background: ${(props) => props.theme.colors.paneBG};
color: ${(props) => props.theme.colors.textOnDarkBG};
padding: 0;
height: 100%;
width: 100%;
& li {
padding: 0;
}
& li div.bp3-menu-item {
2020-12-24 04:32:25 +00:00
font-size: ${(props) => props.theme.fontSizes[3]}px;
&.bp3-intent-primary {
2020-12-24 04:32:25 +00:00
background: ${(props) => props.theme.sideNav.activeItemBGColor};
}
& > div {
display: inline-block;
}
}
}
`;