feat: styles for buttons
This commit is contained in:
12
src/App.tsx
12
src/App.tsx
@@ -15,10 +15,21 @@ const theme = createTheme({
|
|||||||
MuiButton: {
|
MuiButton: {
|
||||||
styleOverrides: {
|
styleOverrides: {
|
||||||
root: {
|
root: {
|
||||||
|
// Default styles for all buttons (optional)
|
||||||
|
},
|
||||||
|
containedPrimary: {
|
||||||
|
// Styles for 'contained' variant with 'primary' color
|
||||||
'&:hover': {
|
'&:hover': {
|
||||||
backgroundColor: "#ff66d9",
|
backgroundColor: "#ff66d9",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
outlined: {
|
||||||
|
// Apply white background for all 'outlined' variant buttons
|
||||||
|
backgroundColor: "#ffffff",
|
||||||
|
'&:hover': {
|
||||||
|
backgroundColor: "#f0f0f0", // Optional lighter background on hover
|
||||||
|
},
|
||||||
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
MuiLink: {
|
MuiLink: {
|
||||||
@@ -42,6 +53,7 @@ const theme = createTheme({
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
function App() {
|
function App() {
|
||||||
return (
|
return (
|
||||||
<ThemeProvider theme={theme}>
|
<ThemeProvider theme={theme}>
|
||||||
|
|||||||
Reference in New Issue
Block a user