From 841f445403aef7acc01e30345be963257eea5e14 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Tue, 3 Sep 2024 18:13:58 +0800
Subject: [PATCH] fix: social media feed icon style

Signed-off-by: Innei <i@innei.in>
---
 src/renderer/src/components/feed-icon.tsx | 22 +++++++++++++++-------
 1 file changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/renderer/src/components/feed-icon.tsx b/src/renderer/src/components/feed-icon.tsx
index da3f90ab5..c74488710 100644
--- a/src/renderer/src/components/feed-icon.tsx
+++ b/src/renderer/src/components/feed-icon.tsx
@@ -112,7 +112,7 @@ export function FeedIcon({
 
       ImageElement = (
         <PlatformIcon url={siteUrl} style={sizeStyle} className="center">
-          <img className={className} style={sizeStyle} />
+          <img className={cn("mr-2", className)} style={sizeStyle} />
         </PlatformIcon>
       )
       break
@@ -124,8 +124,12 @@ export function FeedIcon({
         height: size * 2,
       })
       ImageElement = (
-        <PlatformIcon url={image} style={sizeStyle} className="center">
-          <img className={className} style={sizeStyle} />
+        <PlatformIcon
+          url={image}
+          style={sizeStyle}
+          className={cn("center mr-2", className)}
+        >
+          <img className={cn("mr-2", className)} style={sizeStyle} />
         </PlatformIcon>
       )
       break
@@ -143,9 +147,13 @@ export function FeedIcon({
       finalSrc = src
 
       ImageElement = (
-        <PlatformIcon url={feed?.siteUrl!} style={sizeStyle} className="center">
+        <PlatformIcon
+          url={feed?.siteUrl!}
+          style={sizeStyle}
+          className={cn("center mr-2", className)}
+        >
           <FallbackableImage
-            className={className}
+            className={cn("mr-2", className)}
             style={sizeStyle}
             fallbackUrl={fallbackSrc}
           />
@@ -167,7 +175,7 @@ export function FeedIcon({
 
   if (fallback && !!finalSrc) {
     return (
-      <Avatar className={cn("mr-2 shrink-0", className)}>
+      <Avatar className="shrink-0">
         <AvatarImage
           className="rounded-sm duration-200 animate-in fade-in-0"
           asChild
@@ -187,7 +195,7 @@ export function FeedIcon({
             className={cn(
               "flex shrink-0 items-center justify-center rounded-sm",
               "bg-[var(--fo-light-background)] text-white dark:bg-[var(--fo-dark-background)]",
-
+              "mr-2",
               className,
             )}
           >