twentyhq/twenty
1
1
Fork 0
mirror of https://github.com/twentyhq/twenty.git synced 2024-12-25 04:55:30 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fix action bar button danger background and gap (#2711)

Browse Source 
fix action bar button danger background and gap

Co-authored-by: Charles Bochet <charles@twenty.com>
This commit is contained in:
brendanlaschke 2023-11-28 20:23:36 +01:00 committed by GitHub
parent 18d30c45c4
commit fd969de311
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
front/src/modules/ui/navigation/action-bar/components/ActionBarItem.tsx
View File

@ -29,14 +29,14 @@ const StyledButton = styled.div<{ accent: ActionBarItemAccent }>`
&:hover { &:hover {
background: ${({ theme, accent }) => background: ${({ theme, accent }) =>
accent === 'danger' accent === 'danger'
? theme.tag.background.red ? theme.background.danger
: theme.background.tertiary}; : theme.background.tertiary};
} }
`; `;
const StyledButtonLabel = styled.div` const StyledButtonLabel = styled.div`
font-weight: ${({ theme }) => theme.font.weight.medium}; font-weight: ${({ theme }) => theme.font.weight.medium};
margin-left: ${({ theme }) => theme.spacing(2)}; margin-left: ${({ theme }) => theme.spacing(1)};
`; `;
export const ActionBarItem = ({ export const ActionBarItem = ({