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

2
front/src/modules/people/components/EditablePeopleFullName.tsx
View File

@ -16,8 +16,8 @@ type OwnProps = {
};
const StyledDiv = styled.div`
display: flex;
align-items: center;
display: flex;
justify-content: space-between;
width: 100%;
`;

12
front/src/modules/people/components/PersonChip.tsx
View File

@ -9,29 +9,29 @@ export type PersonChipPropsType = {
};
const StyledContainer = styled.span`
align-items: center;
background-color: ${(props) => props.theme.tertiaryBackground};
border-radius: ${(props) => props.theme.spacing(1)};
color: ${(props) => props.theme.text80};
display: inline-flex;
align-items: center;
padding: ${(props) => props.theme.spacing(1)};
gap: ${(props) => props.theme.spacing(1)};
height: 12px;
overflow: hidden;
white-space: nowrap;
padding: ${(props) => props.theme.spacing(1)};
:hover {
filter: brightness(95%);
}
img {
height: 14px;
width: 14px;
border-radius: 100%;
height: 14px;
object-fit: cover;
width: 14px;
}
height: 12px;
white-space: nowrap;
`;
export function PersonChip({ name, picture }: PersonChipPropsType) {