26 lines
609 B
TypeScript
26 lines
609 B
TypeScript
import { Card, Elevation } from "@blueprintjs/core";
|
|
import React from "react";
|
|
import styled from "styled-components";
|
|
|
|
const RightDiv = styled.div`
|
|
align-self: right;
|
|
background-color: grey;
|
|
flex: 1;
|
|
overflow-y: scroll;
|
|
-webkit-overflow-scrolling: touch;
|
|
overflow-x: hidden;
|
|
`;
|
|
const StyledCard = styled(Card)`
|
|
min-height: 100%;
|
|
width: 100%;
|
|
padding: 20px 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
`;
|
|
const SidebarContainer: React.FC = ({ children }) => (
|
|
<RightDiv>
|
|
<StyledCard elevation={Elevation.TWO}>{children}</StyledCard>
|
|
</RightDiv>
|
|
);
|
|
export default SidebarContainer;
|