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

Design fixes (#422)

Browse Source
This commit is contained in:
Charles Bochet
2023-06-25 20:02:09 -07:00
committed by GitHub
parent 643d090091
commit 9bd8f6df01
7 changed files with 94 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
front/src/modules/ui/components/table/table-header/DropdownButton.tsx
View File

@ -102,13 +102,13 @@ const StyledDropdownItemClipped = styled.span`
const StyledDropdownTopOption = styled.li`
align-items: center;
border-bottom: 1px solid ${(props) => props.theme.primaryBorder};
border-bottom: 1px solid ${(props) => props.theme.lightBorder};
color: ${(props) => props.theme.text80};
cursor: pointer;
display: flex;
font-weight: ${(props) => props.theme.fontWeightMedium};
justify-content: space-between;
padding: calc(${(props) => props.theme.spacing(2)} + 2px)
padding: calc(${(props) => props.theme.spacing(2)})
calc(${(props) => props.theme.spacing(2)});
&:hover {
@ -191,13 +191,17 @@ function DropdownButton({
}
const StyleAngleDownContainer = styled.div`
color: ${(props) => props.theme.text40};
display: flex;
height: 100%;
justify-content: center;
margin-left: auto;
`;
function DropdownTopOptionAngleDown() {
return (
<StyleAngleDownContainer>
<IconChevronDown />
<IconChevronDown size={16} />
</StyleAngleDownContainer>
);
}