Improve style

libs/ui/src/lib/entity-logo/entity-logo.component.html

@@ -7,5 +7,5 @@
     (error)="onError()"
   />
 } @else if (hasPlaceholder) {
-  <div class="logo placeholder" [class.large]="size === 'large'"></div>
+  <div class="logo" [class.large]="size === 'large'"></div>
 }

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));
   }
 }

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',
+    size: 'large'
-    tooltip: 'Unknown',
-    url: 'https://unknown.ghostfol.io'
   }
 };