Remove company avatar show page hover effect (#1857)
- remove company avatar show page hover effect
This commit is contained in:
@ -92,7 +92,7 @@ export const ShowPageSummaryCard = ({
|
||||
if (e.target.files) onUploadPicture?.(e.target.files[0]);
|
||||
};
|
||||
const handleAvatarClick = () => {
|
||||
if (onUploadPicture) inputFileRef?.current?.click?.();
|
||||
inputFileRef?.current?.click?.();
|
||||
};
|
||||
|
||||
return (
|
||||
@ -100,7 +100,7 @@ export const ShowPageSummaryCard = ({
|
||||
<StyledAvatarWrapper>
|
||||
<Avatar
|
||||
avatarUrl={logoOrAvatar}
|
||||
onClick={handleAvatarClick}
|
||||
onClick={onUploadPicture ? handleAvatarClick : undefined}
|
||||
size="xl"
|
||||
colorId={id}
|
||||
placeholder={title}
|
||||
|
||||
@ -83,7 +83,8 @@ const StyledAvatar = styled.div<AvatarProps & { colorId: string }>`
|
||||
}};
|
||||
|
||||
&:hover {
|
||||
box-shadow: 0 0 0 4px ${({ theme }) => theme.background.transparent.light};
|
||||
box-shadow: ${({ theme, onClick }) =>
|
||||
onClick ? '0 0 0 4px ' + theme.background.transparent.light : 'unset'};
|
||||
}
|
||||
`;
|
||||
|
||||
|
||||
Reference in New Issue
Block a user