twentyhq/twenty
1
1
Fork 0
mirror of https://github.com/twentyhq/twenty.git synced 2024-12-26 13:31:45 +03:00
Code Issues Packages Projects Releases Wiki Activity

Icon picker gap & hover color (#2522)

Browse Source 
- icon picker gap & hover color
This commit is contained in:
brendanlaschke 2023-11-17 22:35:07 +01:00 committed by GitHub
parent aa2596c572
commit 18846885cd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
front/src/modules/ui/input/components/IconPicker.tsx
View File

@ -31,11 +31,12 @@ const StyledMenuIconItemsContainer = styled.div`
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
gap: ${({ theme }) => theme.spacing(0.5)};
`; `;
const StyledLightIconButton = styled(LightIconButton)<{ isSelected?: boolean }>` const StyledLightIconButton = styled(LightIconButton)<{ isSelected?: boolean }>`
background: ${({ theme, isSelected }) => background: ${({ theme, isSelected }) =>
isSelected ? theme.background.transparent.light : 'transparent'}; isSelected ? theme.background.transparent.medium : 'transparent'};
`; `;
const convertIconKeyToLabel = (iconKey: string) => const convertIconKeyToLabel = (iconKey: string) =>
@ -84,9 +85,9 @@ export const IconPicker = ({
variant={variant} variant={variant}
/> />
} }
dropdownMenuWidth={168} dropdownMenuWidth={176}
dropdownComponents={ dropdownComponents={
<DropdownMenu width={168}> <DropdownMenu width={176}>
<DropdownMenuSearchInput <DropdownMenuSearchInput
placeholder="Search icon" placeholder="Search icon"
autoFocus autoFocus