адаптивность для странички авторизации

This commit is contained in:
Tamara 2022-12-17 14:23:50 +03:00
parent 77b3ac8369
commit 5d147cdf1e

@ -27,12 +27,13 @@ const Authorization: React.FC = () => {
alignItems: "center"
}}>
<Box sx={{
width: "350px",
maxWidth: "370px",
height: "700px",
display: "flex",
flexDirection: "column",
justifyContent: "space-between",
alignItems: "center",
padding: '0 10px'
}}>
<Logo />
@ -84,11 +85,12 @@ const Authorization: React.FC = () => {
label = "Эл. почта"
variant = "filled"
color = "secondary"
sx = {{ width: "295px" }}
sx = {{ }}
InputProps={{
style: {
backgroundColor: theme.palette.content.main,
color: theme.palette.secondary.main,
paddingRight: '30px'
} }}
InputLabelProps={{
style: {
@ -127,11 +129,12 @@ const Authorization: React.FC = () => {
type = "password"
variant = "filled"
color = "secondary"
sx = {{ width: "295px" }}
sx = {{ }}
InputProps={{
style: {
backgroundColor: theme.palette.content.main,
color: theme.palette.secondary.main
color: theme.palette.secondary.main,
paddingRight: '30px'
} }}
InputLabelProps={{
style: {
@ -204,7 +207,7 @@ const Authorization: React.FC = () => {
sx={{
backgroundColor: theme.palette.content.main,
width: "100%",
height: "82px",
padding: '21px 16px',
"&:hover": {
backgroundColor: theme.palette.menu.main
}