refactor: use large radius instead of circle

AtB-AS · Jan 13, 2025 · 3ef758e · 3ef758e
1 parent 752c199
commit 3ef758e
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 6 deletions.
diff --git a/src/components/bottom-sheet/AnimatedBottomSheet.tsx b/src/components/bottom-sheet/AnimatedBottomSheet.tsx
@@ -47,7 +47,7 @@ const useStyles = StyleSheet.createThemeHook((theme) => ({
     width: '100%',
     position: 'absolute',
     bottom: 0,
-    borderTopLeftRadius: theme.border.radius.circle,
-    borderTopRightRadius: theme.border.radius.circle,
+    borderTopLeftRadius: theme.border.radius.large,
+    borderTopRightRadius: theme.border.radius.large,
   },
 }));
diff --git a/src/components/button/Button.tsx b/src/components/button/Button.tsx
@@ -146,7 +146,7 @@ export const Button = React.forwardRef<any, ButtonProps>(
         alignSelf: isInline ? 'flex-start' : undefined,
         borderRadius:
           type === 'small'
-            ? theme.border.radius.circle
+            ? theme.border.radius.large
             : theme.border.radius.regular,
       },
     ];

diff --git a/src/components/label-info/LabelInfo.tsx b/src/components/label-info/LabelInfo.tsx
@@ -38,6 +38,6 @@ const useStyles = StyleSheet.createThemeHook((theme) => ({
     marginRight: theme.spacing.medium,
     paddingHorizontal: theme.spacing.small,
     paddingVertical: theme.spacing.xSmall,
-    borderRadius: theme.border.radius.circle,
+    borderRadius: theme.border.radius.large,
   },
 }));
diff --git a/src/components/theme-icon/NotificationIndicator.tsx b/src/components/theme-icon/NotificationIndicator.tsx
@@ -68,7 +68,7 @@ const useStyles = StyleSheet.createThemeHook((theme) => ({
     position: 'absolute',
     right: 0,
     top: 0,
-    borderRadius: theme.border.radius.circle,
+    borderRadius: theme.border.radius.large,
     zIndex: 10,
     overflow: 'hidden',
   },

diff --git a/src/stacks-hierarchy/Root_PurchaseOverviewScreen/components/ProductAliasChip.tsx b/src/stacks-hierarchy/Root_PurchaseOverviewScreen/components/ProductAliasChip.tsx
@@ -52,7 +52,7 @@ export const ProductAliasChip = ({color, text, selected, onPress}: Props) => {
 
 const useStyles = StyleSheet.createThemeHook((theme) => ({
   container: {
-    borderRadius: theme.border.radius.circle * 2,
+    borderRadius: theme.border.radius.large * 2,
     marginRight: theme.spacing.small,
     justifyContent: 'center',
   },