fix registration and logout button

This commit is contained in:
2025-12-04 08:50:17 +05:00
parent fcbc2352dc
commit e8ec4052ba
3 changed files with 60 additions and 27 deletions

View File

@ -148,6 +148,10 @@ export default function TopBar({ onRegister, username }: TopBarProps) {
color: 'white',
minWidth: 'unset',
minHeight: 'unset',
transition: 'transform 0.3s ease',
'&:hover': {
transform: 'scale(1.2)',
},
}}
>
<ArrowBackRoundedIcon />
@ -284,19 +288,26 @@ export default function TopBar({ onRegister, username }: TopBarProps) {
variant="outlined"
color="primary"
onClick={() => logout()}
sx={{
width: '10em',
height: '3em',
borderRadius: '1.5vw',
color: 'white',
backgroundImage: 'linear-gradient(to right, #7BB8FF, #FFB7ED)',
border: 'unset',
'&:hover': {
backgroundImage: 'linear-gradient(to right, #6AA8EE, #EEA7DD)',
},
boxShadow: '0.5em 0.5em 0.5em 0px #00000040 inset',
}}
>
sx={{
width: '8em',
height: '3em',
borderRadius: '2.5vw',
fontFamily: 'Benzin-Bold',
fontSize: '0.9em',
background:
'linear-gradient(71deg, #F27121 0%, #E940CD 70%, #8A2387 100%)',
color: 'white',
border: 'none',
transition: 'transform 0.3s ease',
'&:hover': {
background:
'linear-gradient(71deg, #F27121 0%, #E940CD 70%, #8A2387 100%)',
transform: 'scale(1.05)',
boxShadow: '0 4px 15px rgba(242, 113, 33, 0.4)',
},
boxShadow: '0 2px 8px rgba(0, 0, 0, 0.3)',
}}
>
Выйти
</Button>
)}
@ -345,20 +356,26 @@ export default function TopBar({ onRegister, username }: TopBarProps) {
)}
{isLoginPage && (
<Button
variant="outlined"
color="primary"
variant="contained"
onClick={() => navigate('/registration')}
sx={{
width: '10em',
width: '13em',
height: '3em',
borderRadius: '1.5vw',
borderRadius: '2.5vw',
fontFamily: 'Benzin-Bold',
fontSize: '0.9em',
background:
'linear-gradient(71deg, #F27121 0%, #E940CD 70%, #8A2387 100%)',
color: 'white',
backgroundImage: 'linear-gradient(to right, #7BB8FF, #FFB7ED)',
border: 'unset',
border: 'none',
transition: 'transform 0.3s ease',
'&:hover': {
backgroundImage: 'linear-gradient(to right, #6AA8EE, #EEA7DD)',
background:
'linear-gradient(71deg, #F27121 0%, #E940CD 70%, #8A2387 100%)',
transform: 'scale(1.05)',
boxShadow: '0 4px 15px rgba(242, 113, 33, 0.4)',
},
boxShadow: '0.5em 0.5em 0.5em 0px #00000040 inset',
boxShadow: '0 2px 8px rgba(0, 0, 0, 0.3)',
}}
>
Регистрация