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

28
front/src/modules/ui/layout/navbar/NavWorkspaceButton.tsx
View File

@ -6,24 +6,24 @@ import { currentUserState } from '@/auth/states/currentUserState';
import NavCollapseButton from './NavCollapseButton';
const StyledContainer = styled.div`
display: flex;
justify-content: space-between;
height: 34px;
align-items: center;
user-select: none;
border: 0;
align-self: flex-start;
background: inherit;
border: 0;
display: flex;
height: 34px;
justify-content: space-between;
margin-left: ${(props) => props.theme.spacing(1)};
padding: ${(props) => props.theme.spacing(2)};
padding-top: ${(props) => props.theme.spacing(1)};
margin-left: ${(props) => props.theme.spacing(1)};
align-self: flex-start;
user-select: none;
width: 100%;
`;
const LogoAndNameContainer = styled.div`
display: flex;
align-items: center;
cursor: pointer;
display: flex;
`;
type StyledLogoProps = {
@ -33,17 +33,17 @@ type StyledLogoProps = {
const StyledLogo = styled.div<StyledLogoProps>`
background: url(${(props) => props.logo});
background-size: cover;
width: 16px;
height: 16px;
border-radius: 2px;
height: 16px;
width: 16px;
`;
const StyledName = styled.div`
margin-left: ${(props) => props.theme.spacing(1)};
font-family: 'Inter';
font-weight: 500;
font-size: ${(props) => props.theme.fontSizeLarge};
color: ${(props) => props.theme.text80};
font-family: 'Inter';
font-size: ${(props) => props.theme.fontSizeLarge};
font-weight: 500;
margin-left: ${(props) => props.theme.spacing(1)};
`;
function NavWorkspaceButton() {