2020-11-10 14:54:38 +00:00
|
|
|
import styled from "styled-components";
|
2021-09-07 09:29:55 +00:00
|
|
|
import { desktop } from "@appserver/components/utils/device";
|
2020-11-10 14:54:38 +00:00
|
|
|
|
|
|
|
const StyledTreeFolder = styled.div`
|
2021-09-07 09:29:55 +00:00
|
|
|
width: 100%;
|
2020-11-10 14:54:38 +00:00
|
|
|
display: grid;
|
|
|
|
grid-template-columns: 8px 1fr;
|
|
|
|
grid-template-rows: 1fr;
|
|
|
|
grid-column-gap: 6px;
|
|
|
|
margin-bottom: 24px;
|
|
|
|
`;
|
|
|
|
|
|
|
|
const StyledContainer = styled.div`
|
|
|
|
margin-top: 48px;
|
2021-09-07 09:29:55 +00:00
|
|
|
width: 100%;
|
2020-11-10 14:54:38 +00:00
|
|
|
`;
|
|
|
|
|
2021-09-07 09:29:55 +00:00
|
|
|
const StyledBox = styled.div`
|
|
|
|
@media ${desktop} {
|
|
|
|
margin-right: 8px;
|
|
|
|
}
|
|
|
|
`;
|
|
|
|
|
|
|
|
export { StyledTreeFolder, StyledContainer, StyledBox };
|