🔖 chore: Update Login button style
This commit is contained in:
parent
9ccf1381e8
commit
5606a104f6
@ -145,6 +145,11 @@ export default function themeTypography(theme) {
|
|||||||
},
|
},
|
||||||
SubCard: {
|
SubCard: {
|
||||||
border: theme.mode === 'dark' ? '1px solid rgba(227, 232, 239, 0.2)' : '1px solid rgb(227, 232, 239)'
|
border: theme.mode === 'dark' ? '1px solid rgba(227, 232, 239, 0.2)' : '1px solid rgb(227, 232, 239)'
|
||||||
|
},
|
||||||
|
LoginButton: {
|
||||||
|
color: theme.darkTextPrimary,
|
||||||
|
backgroundColor: theme.mode === 'dark' ? theme.backgroundDefault : theme.colors?.grey50,
|
||||||
|
borderColor: theme.mode === 'dark' ? theme.colors?.grey700 : theme.colors?.grey100
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
@ -85,9 +85,7 @@ const LoginForm = ({ ...others }) => {
|
|||||||
size="large"
|
size="large"
|
||||||
variant="outlined"
|
variant="outlined"
|
||||||
sx={{
|
sx={{
|
||||||
color: 'grey.700',
|
...theme.typography.LoginButton
|
||||||
backgroundColor: theme.palette.grey[50],
|
|
||||||
borderColor: theme.palette.grey[100]
|
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<Box sx={{ mr: { xs: 1, sm: 2, width: 20 }, display: 'flex', alignItems: 'center' }}>
|
<Box sx={{ mr: { xs: 1, sm: 2, width: 20 }, display: 'flex', alignItems: 'center' }}>
|
||||||
@ -108,9 +106,7 @@ const LoginForm = ({ ...others }) => {
|
|||||||
size="large"
|
size="large"
|
||||||
variant="outlined"
|
variant="outlined"
|
||||||
sx={{
|
sx={{
|
||||||
color: 'grey.700',
|
...theme.typography.LoginButton
|
||||||
backgroundColor: theme.palette.grey[50],
|
|
||||||
borderColor: theme.palette.grey[100]
|
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<Box sx={{ mr: { xs: 1, sm: 2, width: 20 }, display: 'flex', alignItems: 'center' }}>
|
<Box sx={{ mr: { xs: 1, sm: 2, width: 20 }, display: 'flex', alignItems: 'center' }}>
|
||||||
@ -132,9 +128,7 @@ const LoginForm = ({ ...others }) => {
|
|||||||
size="large"
|
size="large"
|
||||||
variant="outlined"
|
variant="outlined"
|
||||||
sx={{
|
sx={{
|
||||||
color: 'grey.700',
|
...theme.typography.LoginButton
|
||||||
backgroundColor: theme.palette.grey[50],
|
|
||||||
borderColor: theme.palette.grey[100]
|
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<Box sx={{ mr: { xs: 1, sm: 2, width: 20 }, display: 'flex', alignItems: 'center' }}>
|
<Box sx={{ mr: { xs: 1, sm: 2, width: 20 }, display: 'flex', alignItems: 'center' }}>
|
||||||
|
Loading…
Reference in New Issue
Block a user