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

Various styling improvements (#766)

Browse Source 
* Various styling improvements

* Add card styling

* Fix select when editing fields

* Add colors

* Refactor prevent click
This commit is contained in:
Emilien Chauvet
2023-07-19 15:31:53 -07:00
committed by GitHub
parent d7efed9f89
commit 5fb7d753ef
10 changed files with 142 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
front/src/modules/ui/board/components/BoardHeader.tsx
View File

@ -16,11 +16,12 @@ type OwnProps<SortField> = {
};
const StyledContainer = styled.div`
border-bottom: 1px solid ${({ theme }) => theme.border.color.light};
display: flex;
flex-direction: column;
`;
const StyledTableHeader = styled.div`
const StyledBoardHeader = styled.div`
align-items: center;
color: ${({ theme }) => theme.font.color.secondary};
display: flex;
@ -83,7 +84,7 @@ export function BoardHeader<SortField>({
return (
<StyledContainer>
<StyledTableHeader>
<StyledBoardHeader>
<StyledViewSection>
<StyledIcon>{viewIcon}</StyledIcon>
{viewName}
@ -100,7 +101,7 @@ export function BoardHeader<SortField>({
HotkeyScope={FiltersHotkeyScope.FilterDropdownButton}
/>
</StyledFilters>
</StyledTableHeader>
</StyledBoardHeader>
<SortAndFilterBar
context={context}
sorts={sorts}