Make avatar layout match designs

2022-08-19 15:04:32 +08:00
parent 1aa0780e29
commit 431a36ff2e
1 changed files with 5 additions and 4 deletions
--- a/packages/web/components/templates/library/LibraryAvatar.tsx
+++ b/packages/web/components/templates/library/LibraryAvatar.tsx
@ -16,7 +16,7 @@ export function LibraryAvatar(props: AvatarProps): JSX.Element {
          css={{
            width: '40px',
            height: '40px',
-            borderRadius: '6px',
+            borderRadius: '50%',
          }}
        >
          {props.viewer?.profile.pictureUrl 
@ -56,7 +56,8 @@ const StyledFallback = styled(Fallback, {
  display: 'flex',
  alignItems: 'center',
  justifyContent: 'center',
-  fontSize: '20px',
-  backgroundColor: '$omnivoreCtaYellow',
-  color: '#595959',
+  fontSize: '16px',
+  fontWeight: '600',
+  color: '$utilityTextDefault',
+  backgroundColor: '$libraryActiveMenuItem',
 })