diff --git a/addon/components/o-s-s/avatar.ts b/addon/components/o-s-s/avatar.ts index ed517a0ab..4d487b5b4 100644 --- a/addon/components/o-s-s/avatar.ts +++ b/addon/components/o-s-s/avatar.ts @@ -19,7 +19,7 @@ interface OSSAvatarArgs { loading?: boolean; } -export const DEFAULT_IMAGE_URL: string = '/assets/images/upfluence-white-logo.svg'; +export const DEFAULT_IMAGE_URL: string = '/assets/images/avatar-placeholder.svg'; export default class OSSAvatar extends Component { @tracked hasError: boolean = false; diff --git a/app/styles/atoms/avatar.less b/app/styles/atoms/avatar.less index efa7c3ebc..f8f297ab5 100644 --- a/app/styles/atoms/avatar.less +++ b/app/styles/atoms/avatar.less @@ -23,6 +23,7 @@ .default-img-placeholder { height: var(--spacing-px-12); width: var(--spacing-px-12); + object-fit: contain; } } @@ -35,6 +36,7 @@ .default-img-placeholder { height: var(--spacing-px-12); width: var(--spacing-px-12); + object-fit: contain; } } @@ -47,6 +49,7 @@ .default-img-placeholder { height: var(--spacing-px-18); width: var(--spacing-px-18); + object-fit: contain; } } @@ -59,6 +62,7 @@ .default-img-placeholder { height: var(--spacing-px-24); width: var(--spacing-px-24); + object-fit: contain; } } diff --git a/public/assets/images/avatar-placeholder.svg b/public/assets/images/avatar-placeholder.svg new file mode 100644 index 000000000..01355d792 --- /dev/null +++ b/public/assets/images/avatar-placeholder.svg @@ -0,0 +1,3 @@ + + +