Browse Source

update button styles

Abhinav 3 years ago
parent
commit
4337209ae0
1 changed files with 11 additions and 5 deletions
  1. 11 5
      src/themes/darkThemeOptions.tsx

+ 11 - 5
src/themes/darkThemeOptions.tsx

@@ -94,12 +94,13 @@ const darkThemeOptions = createTheme({
             styleOverrides: {
                 root: {
                     textTransform: 'none',
-                    borderRadius: '8px',
+                    padding: '12px 16px',
+                },
+                startIcon: {
+                    marginRight: '12px',
                 },
                 sizeLarge: {
-                    fontSize: '18px',
-                    lineHeight: '21.78px',
-                    padding: '16px',
+                    width: '100%',
                 },
             },
         },
@@ -155,7 +156,7 @@ const darkThemeOptions = createTheme({
         divider: 'rgba(256, 256, 256, 0.12)',
     },
     shape: {
-        borderRadius: 8,
+        borderRadius: 4,
     },
     typography: {
         body1: {
@@ -166,6 +167,11 @@ const darkThemeOptions = createTheme({
             fontSize: '14px',
             lineHeight: '20px',
         },
+        button: {
+            fontSize: '16px',
+            lineHeight: '19.63px',
+            fontWeight: 600,
+        },
         title: {
             fontSize: '32px',
             lineHeight: '40px',