Fix action button color and width (#85)

orcasound · Apr 29, 2022 · 6957286 · 6957286
1 parent c54bbe1
commit 6957286
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/components/ActionButton.jsx b/src/components/ActionButton.jsx
@@ -13,12 +13,15 @@ const ActionButton = ({ link, text }) => {
         sx={(theme) => ({
           margin: '1rem',
           bgcolor: 'accents.accent1',
+          padding: '8px 24px 8px 24px',
           color: 'accents.contrastText',
-          width: '12rem',
           borderRadius: 40,
           ':hover': {
             bgcolor: 'accents.accent1',
           },
+          [theme.breakpoints.down('sm')]: {
+            width: '300px',
+          },
         })}
         size="small"
       >

diff --git a/src/styles/theme.ts b/src/styles/theme.ts
@@ -15,7 +15,7 @@ declare module '@mui/material/styles' {
 const theme = createTheme({
   palette: {
     primary: {
-      main: '#556cd6',
+      main: '#1B2B7B',
     },
     secondary: {
       main: '#F79234',