[Opportunities] fix overlapping borders (#1091)

* [Opportunities] fix overlapping borders

* remove margin on SortAndFilterBar

* add margin-right to StyledBoard
This commit is contained in:
Weiko
2023-08-05 21:22:52 +02:00
committed by GitHub
parent 7028a8098e
commit 5166859f80
2 changed files with 4 additions and 2 deletions

View File

@ -57,6 +57,7 @@ export function BoardHeader<SortField>({
return ( return (
<TopBar <TopBar
displayBottomBorder={false}
leftComponent={ leftComponent={
<> <>
<StyledIcon>{viewIcon}</StyledIcon> <StyledIcon>{viewIcon}</StyledIcon>

View File

@ -1,9 +1,10 @@
import styled from '@emotion/styled'; import styled from '@emotion/styled';
export const StyledBoard = styled.div` export const StyledBoard = styled.div`
border-radius: ${({ theme }) => theme.spacing(2)}; border-top: 1px solid ${({ theme }) => theme.border.color.light};
display: flex; display: flex;
flex: 1; flex: 1;
flex-direction: row; flex-direction: row;
padding-left: ${({ theme }) => theme.spacing(2)}; margin-left: ${({ theme }) => theme.spacing(2)};
margin-right: ${({ theme }) => theme.spacing(2)};
`; `;