DIKER/popa-launcher
1
0
Fork 0
Code Issues Pull Requests Packages Releases 9 Wiki Activity

fix registration and logout button

Browse Source
This commit is contained in:
DIKER0K
2025-12-04 08:50:17 +05:00
parent fcbc2352dc
commit e8ec4052ba
3 changed files with 60 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
src/renderer/components/TopBar.tsx
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)',
}}
>
Регистрация

18
src/renderer/pages/LaunchPage.tsx
View File

@ -400,7 +400,16 @@ const LaunchPage = ({
width: 'auto', // ширина подстраивается
borderRadius: '3vw',
fontFamily: 'Benzin-Bold',
background: 'linear-gradient(90deg, #3B96FF 0%, #FFB7ED 100%)',
background:
'linear-gradient(71deg, #F27121 0%, #E940CD 70%, #8A2387 100%)',
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)',
}}
>
Запустить Minecraft
@ -417,6 +426,13 @@ const LaunchPage = ({
minHeight: 'unset',
minWidth: 'unset',
height: '100%', // занимает полную высоту родителя
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)',
},
}}
onClick={handleOpen}
>

10
src/renderer/pages/VersionsExplorer.tsx
View File

@ -56,7 +56,7 @@ export const VersionCard: React.FC<VersionCardProps> = ({
transition: 'transform 0.3s, box-shadow 0.3s, filter 0.3s',
overflow: 'hidden',
cursor: 'pointer',
filter: hoveredCardId && !isHovered ? 'blur(5px)' : 'blur(0px)',
// filter: hoveredCardId && !isHovered ? 'blur(5px)' : 'blur(0px)', //НЕ БЕЙ МЕНЯ АНДРЕЙ
transform: isHovered ? 'scale(1.03)' : 'scale(1)',
zIndex: isHovered ? 10 : 1,
'&:hover': {
@ -232,7 +232,7 @@ export const VersionsExplorer = () => {
<Card
sx={{
backgroundColor: 'rgba(30, 30, 50, 0.8)',
backdropFilter: 'blur(10px)',
// backdropFilter: 'blur(10px)',
width: '35vw',
height: '35vh',
minWidth: 'unset',
@ -246,8 +246,8 @@ export const VersionsExplorer = () => {
justifyContent: 'center',
alignItems: 'center',
cursor: 'pointer',
filter:
hoveredCardId && hoveredCardId !== 'add' ? 'blur(5px)' : 'blur(0)',
// filter:
// hoveredCardId && hoveredCardId !== 'add' ? 'blur(5px)' : 'blur(0)', //НЕ БЕЙ МЕНЯ АНДРЕЙ
transform: hoveredCardId === 'add' ? 'scale(1.03)' : 'scale(1)',
zIndex: hoveredCardId === 'add' ? 10 : 1,
'&:hover': {
@ -300,7 +300,7 @@ export const VersionsExplorer = () => {
left: 0,
right: 0,
bottom: 0,
backdropFilter: hoveredCardId ? 'blur(10px)' : 'blur(0)',
// backdropFilter: hoveredCardId ? 'blur(10px)' : 'blur(0)', //НЕ БЕЙ МЕНЯ АНДРЕЙ
transition: 'backdrop-filter 0.3s ease-in-out',
zIndex: 5,
pointerEvents: 'none',