admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Add rule to order css in styled components alphabetically (#284)

Browse Source 
* Add plugin

* Run plugin
This commit is contained in:
Félix Malfait
2023-06-14 07:59:16 +02:00
committed by GitHub
parent 830b76cd9a
commit eb8fc50ff1
72 changed files with 568 additions and 511 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
front/src/modules/ui/layout/SecondaryLayout.tsx
View File

@ -9,31 +9,31 @@ type OwnProps = {
};
const StyledLayout = styled.div`
background: ${(props) => props.theme.noisyBackground};
display: flex;
flex-direction: row;
width: 100vw;
height: 100vh;
background: ${(props) => props.theme.noisyBackground};
position: relative;
width: 100vw;
`;
const MainContainer = styled.div`
overflow: hidden;
display: flex;
flex-direction: row;
overflow: hidden;
width: 100%;
`;
const SubContainer = styled.div`
background: ${(props) => props.theme.primaryBackground};
border: 1px solid ${(props) => props.theme.primaryBorder};
border-radius: ${(props) => props.theme.spacing(2)};
display: flex;
flex-direction: column;
background: ${(props) => props.theme.primaryBackground};
border-radius: ${(props) => props.theme.spacing(2)};
border: 1px solid ${(props) => props.theme.primaryBorder};
padding: ${(props) => props.theme.spacing(2)};
margin: ${(props) => props.theme.spacing(4)};
width: 100%;
max-width: calc(100vw - 500px);
padding: 32px;
padding: ${(props) => props.theme.spacing(2)};
width: 100%;
@media (max-width: ${MOBILE_VIEWPORT}px) {
width: 100%;
@ -42,11 +42,11 @@ const SubContainer = styled.div`
`;
const SubSubContainer = styled.div`
color: ${(props) => props.theme.text100};
display: flex;
width: 350px;
flex-direction: column;
gap: 32px;
color: ${(props) => props.theme.text100};
width: 350px;
@media (max-width: ${MOBILE_VIEWPORT}px) {
width: 100%;