Merge pull request #3253 from bluesky-social/samuel/square-border-radii

Fix nested border radius issue on square avatars
bluesky-social · Mar 19, 2024 · 9c49b20 · 9c49b20
2 parents 3abf302 + 248f51a
commit 9c49b20
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/screens/Profile/Header/Shell.tsx b/src/screens/Profile/Header/Shell.tsx
@@ -159,6 +159,6 @@ const styles = StyleSheet.create({
     borderWidth: 2,
   },
   aviLabeler: {
-    borderRadius: 12,
+    borderRadius: 10,
   },
 })
diff --git a/src/view/com/util/UserAvatar.tsx b/src/view/com/util/UserAvatar.tsx
@@ -110,8 +110,12 @@ let DefaultAvatar = ({
         viewBox="0 0 32 32"
         fill="none"
         stroke="none">
-        <Path
-          d="M28 0H4C1.79086 0 0 1.79086 0 4V28C0 30.2091 1.79086 32 4 32H28C30.2091 32 32 30.2091 32 28V4C32 1.79086 30.2091 0 28 0Z"
+        <Rect
+          x="0"
+          y="0"
+          width="32"
+          height="32"
+          rx="3"
           fill={tokens.color.temp_purple}
         />
         <Path