roleypoly/v3
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly.git synced 2025-06-16 17:49:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add access control

Browse source
This commit is contained in:
41666 2021-07-18 01:57:03 -04:00
parent 9c07ff0e54
commit 3f45153b66
47 changed files with 1084 additions and 164 deletions
Download patch file Download diff file Expand all files Collapse all files

60
packages/design-system/molecules/editor-utility-shell/EditorUtilityShell.styled.ts Normal file
View file

@ -0,0 +1,60 @@
import { onSmallScreen } from '@roleypoly/design-system/atoms/breakpoints';
import { text900 } from '@roleypoly/design-system/atoms/typography';
import styled, { css } from 'styled-components';
export const Shell = styled.div`
display: flex;
flex-direction: column;
`;
export const HeadBox = styled.div`
${text900}
display: flex;
align-items: center;
justify-content: space-around;
svg {
margin-right: 0.5em;
position: relative;
top: 0.125em;
}
${onSmallScreen(
css`
flex-direction: column;
justify-content: center;
align-items: center;
`
)}
`;
export const Content = styled.div`
width: 960px;
max-width: 90vw;
margin: 0 auto;
padding: 1.6em 0;
`;
export const Title = styled.div`
${onSmallScreen(
css`
order: 2;
flex: 1 1 100%;
`
)}
`;
export const GoBack = styled.div`
display: flex;
button {
margin-right: 0.5em;
}
${onSmallScreen(
css`
order: 1;
flex: 1 1 100%;
`
)}
`;