mirror of
https://github.com/twentyhq/twenty.git
synced 2024-12-18 00:52:21 +03:00
Fix Avatars no centered (#1050)
- fix workspace icon now centered - fix profile avatar now centered
This commit is contained in:
parent
e06588d8a8
commit
2128d44212
@ -32,6 +32,7 @@ type StyledLogoProps = {
|
||||
|
||||
const StyledLogo = styled.div<StyledLogoProps>`
|
||||
background: url(${(props) => props.logo});
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
border-radius: ${({ theme }) => theme.border.radius.xs};
|
||||
height: 16px;
|
||||
|
@ -23,6 +23,7 @@ export const StyledAvatar = styled.div<OwnProps & { colorId: string }>`
|
||||
!isNonEmptyString(avatarUrl) ? stringToHslColor(colorId, 75, 85) : 'none'};
|
||||
${({ avatarUrl }) =>
|
||||
isNonEmptyString(avatarUrl) ? `background-image: url(${avatarUrl});` : ''}
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
border-radius: ${(props) => (props.type === 'rounded' ? '50%' : '2px')};
|
||||
color: ${({ colorId }) => stringToHslColor(colorId, 75, 25)};
|
||||
|
Loading…
Reference in New Issue
Block a user