Avatar: Fix 1px colored ring around avatars

Author: gearonixx

src/components/common/Avatar.scss

@@ -59,10 +59,24 @@
     width: 100%;
     height: 100%;
     border-radius: var(--radius);
+  }
+
+  > .inner::before {
+    content: "";
+
+    position: absolute;
+    z-index: -1;
+    inset: 0;
+
+    border-radius: var(--radius);
 
     background-image: linear-gradient(var(--color-white) -300%, var(--color-user));
   }
 
+  &.with-media > .inner::before {
+    inset: 1px;
+  }
+
   &__media {
     width: 100%;
     height: 100%;
@@ -160,7 +174,7 @@
     --color-user: var(--color-deleted-account);
   }
 
-  &.premium-gradient-bg > .inner {
+  &.premium-gradient-bg > .inner::before {
     background-image: var(--premium-gradient);
   }
 

src/components/common/Avatar.tsx

@@ -281,6 +281,7 @@ const Avatar = ({
     isRoundedRect && 'forum',
     asMessageBubble && 'message-bubble',
     (photo || webPhoto) && 'force-fit',
+    (!specialIcon && hasBlobUrl) && 'with-media',
     ((withStory && realPeer?.hasStories) || forPremiumPromo) && 'with-story-circle',
     withStorySolid && realPeer?.hasStories && 'with-story-solid',
     withStorySolid && forceFriendStorySolid && 'close-friend',