twentyhq/twenty
1
1
Fork 0
mirror of https://github.com/twentyhq/twenty.git synced 2025-01-07 17:28:47 +03:00
Code Issues Packages Projects Releases Wiki Activity

Improve phone input display (#4968)

Browse Source 
Small UI improvements to border / display on phone input field
This commit is contained in:
Félix Malfait 2024-04-15 15:31:22 +02:00 committed by GitHub
parent 5477665e5d
commit 9d992143ff
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/twenty-front/src/modules/ui/input/components/internal/phone/components/PhoneCountryPickerDropdownButton.tsx
View File

@ -22,7 +22,8 @@ type StyledDropdownButtonProps = {
export const StyledDropdownButtonContainer = styled.div<StyledDropdownButtonProps>` export const StyledDropdownButtonContainer = styled.div<StyledDropdownButtonProps>`
align-items: center; align-items: center;
background: ${({ theme }) => theme.background.primary}; background: ${({ theme }) => theme.background.primary};
border-radius: ${({ theme }) => theme.border.radius.xs}; border-radius: ${({ theme }) => theme.border.radius.xs} 0 0
${({ theme }) => theme.border.radius.xs};
color: ${({ color }) => color ?? 'none'}; color: ${({ color }) => color ?? 'none'};
cursor: pointer; cursor: pointer;
display: flex; display: flex;
@ -35,6 +36,8 @@ export const StyledDropdownButtonContainer = styled.div<StyledDropdownButtonProp
padding-right: ${({ theme }) => theme.spacing(2)}; padding-right: ${({ theme }) => theme.spacing(2)};
user-select: none; user-select: none;
border-right: 1px solid ${({ theme }) => theme.border.color.light};
&:hover { &:hover {
filter: brightness(0.95); filter: brightness(0.95);
} }
@ -50,7 +53,7 @@ const StyledIconContainer = styled.div`
svg { svg {
align-items: center; align-items: center;
display: flex; display: flex;
height: 16px; height: 12px;
justify-content: center; justify-content: center;
} }
`; `;