Updated Button Styles (#884)

minio · Jul 23, 2024 · 4870958 · 4870958
1 parent ed77ed6
commit 4870958
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/src/components/Button/Button.tsx b/src/components/Button/Button.tsx
@@ -77,7 +77,7 @@ const CustomButton = styled.button<
     }
 
     return {
-      borderRadius: 6,
+      borderRadius: 4,
       cursor: "pointer",
       height: compact ? 28 : 36,
       fontFamily: "'Geist', sans-serif",
@@ -101,15 +101,18 @@ const CustomButton = styled.button<
         ...buttonLabelSx,
       },
       "& .buttonIcon": {
-        display: "block",
+        display: "flex",
         height: 16,
         width: 16,
-
+        minWidth: 16,
+        minHeight: 16,
+        justifyContent: "center",
+        alignItems: "center",
         "& > svg": {
           fill: get(theme, `buttons.${variant}.enabled.text`, "#000"),
           color: get(theme, `buttons.${variant}.enabled.text`, "#000"),
-          width: 14,
-          height: 14,
+          width: 16,
+          height: 16,
         },
       },
       "&:disabled": {

diff --git a/src/components/ButtonGroup/ButtonGroup.tsx b/src/components/ButtonGroup/ButtonGroup.tsx
@@ -125,6 +125,7 @@ const ButtonGroupMain = styled.div<ButtonGroupProps>(({ theme, sx }) => ({
         "buttonGroup.border",
         themeColors["Color/Neutral/Border/colorBorderMinimal"].lightMode,
       ),
+      boxShadow: "none",
       "& .buttonIcon > svg": {
         color: get(
           theme,
@@ -163,6 +164,7 @@ const ButtonGroupMain = styled.div<ButtonGroupProps>(({ theme, sx }) => ({
         "buttonGroup.border",
         themeColors["Color/Neutral/Border/colorBorderMinimal"].lightMode,
       ),
+      boxShadow: "none",
       "& .buttonIcon > svg": {
         color: get(
           theme,