ASC.Web.Components: avatar: CSS styles changed
This commit is contained in:
parent
c617590f9f
commit
a5d2a65925
@ -109,7 +109,7 @@ const EditContainer = styled.div`
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 19px;
|
line-height: 19px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background: linear-gradient(180deg, rgba(6, 22, 38, 0) 24.48%, rgba(6, 22, 38, 0.75) 100%);
|
background: ${props => props.gradient ? "linear-gradient(180deg, rgba(6, 22, 38, 0) 24.48%, rgba(6, 22, 38, 0.75) 100%)" : "transparent"};
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const EmptyIcon = styled(Icons.CameraIcon)`
|
const EmptyIcon = styled(Icons.CameraIcon)`
|
||||||
@ -177,13 +177,15 @@ const Avatar = memo(props => {
|
|||||||
{avatarContent}
|
{avatarContent}
|
||||||
</AvatarWrapper>
|
</AvatarWrapper>
|
||||||
{editing && (size === 'max') &&
|
{editing && (size === 'max') &&
|
||||||
<EditContainer>
|
<EditContainer gradient={!!source}>
|
||||||
<EditLink>
|
<EditLink>
|
||||||
<Link
|
<Link
|
||||||
type='action'
|
type='action'
|
||||||
title={editLabel}
|
title={editLabel}
|
||||||
isTextOverflow={true}
|
isTextOverflow={true}
|
||||||
|
isHovered={true}
|
||||||
fontSize='14px'
|
fontSize='14px'
|
||||||
|
fontWeight={600}
|
||||||
color={whiteColor}
|
color={whiteColor}
|
||||||
onClick={editAction}
|
onClick={editAction}
|
||||||
>
|
>
|
||||||
|
Loading…
Reference in New Issue
Block a user