diff --git a/libs/ui/src/lib/entity-logo/entity-logo.component.html b/libs/ui/src/lib/entity-logo/entity-logo.component.html index 0a7ecbcd20..fe58f8226c 100644 --- a/libs/ui/src/lib/entity-logo/entity-logo.component.html +++ b/libs/ui/src/lib/entity-logo/entity-logo.component.html @@ -7,5 +7,5 @@ (error)="onError()" /> } @else if (hasPlaceholder) { -
+ } diff --git a/libs/ui/src/lib/entity-logo/entity-logo.component.scss b/libs/ui/src/lib/entity-logo/entity-logo.component.scss index 0511993468..9f2ccf73d6 100644 --- a/libs/ui/src/lib/entity-logo/entity-logo.component.scss +++ b/libs/ui/src/lib/entity-logo/entity-logo.component.scss @@ -11,15 +11,5 @@ height: 1.4rem; width: 1.4rem; } - - &.placeholder { - border: 1px solid rgba(var(--dark-dividers)); - } - } -} - -:host-context(.theme-dark) { - .placeholder { - border-color: rgba(var(--light-dividers)); } } diff --git a/libs/ui/src/lib/entity-logo/entity-logo.component.stories.ts b/libs/ui/src/lib/entity-logo/entity-logo.component.stories.ts index 786d54cbf4..9c977eca5a 100644 --- a/libs/ui/src/lib/entity-logo/entity-logo.component.stories.ts +++ b/libs/ui/src/lib/entity-logo/entity-logo.component.stories.ts @@ -45,18 +45,17 @@ export const LogoByUrl: Story = { } }; -export const Placeholder: Story = { +export const LogoOnError: Story = { args: { - hasPlaceholder: true, - size: 'large' + size: 'large', + tooltip: 'Unknown', + url: 'https://unknown.ghostfol.io' } }; -export const PlaceholderOnError: Story = { +export const Placeholder: Story = { args: { hasPlaceholder: true, - size: 'large', - tooltip: 'Unknown', - url: 'https://unknown.ghostfol.io' + size: 'large' } };