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

45
src/renderer/components/TopBar.tsx
View File

@ -148,6 +148,10 @@ export default function TopBar({ onRegister, username }: TopBarProps) {
color: 'white', color: 'white',
minWidth: 'unset', minWidth: 'unset',
minHeight: 'unset', minHeight: 'unset',
transition: 'transform 0.3s ease',
'&:hover': {
transform: 'scale(1.2)',
},
}} }}
> >
<ArrowBackRoundedIcon /> <ArrowBackRoundedIcon />
@ -285,16 +289,23 @@ export default function TopBar({ onRegister, username }: TopBarProps) {
color="primary" color="primary"
onClick={() => logout()} onClick={() => logout()}
sx={{ sx={{
width: '10em', width: '8em',
height: '3em', 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', color: 'white',
backgroundImage: 'linear-gradient(to right, #7BB8FF, #FFB7ED)', border: 'none',
border: 'unset', transition: 'transform 0.3s ease',
'&:hover': { '&: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)',
}} }}
> >
Выйти Выйти
@ -345,20 +356,26 @@ export default function TopBar({ onRegister, username }: TopBarProps) {
)} )}
{isLoginPage && ( {isLoginPage && (
<Button <Button
variant="outlined" variant="contained"
color="primary"
onClick={() => navigate('/registration')} onClick={() => navigate('/registration')}
sx={{ sx={{
width: '10em', width: '13em',
height: '3em', 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', color: 'white',
backgroundImage: 'linear-gradient(to right, #7BB8FF, #FFB7ED)', border: 'none',
border: 'unset', transition: 'transform 0.3s ease',
'&:hover': { '&: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', // ширина подстраивается width: 'auto', // ширина подстраивается
borderRadius: '3vw', borderRadius: '3vw',
fontFamily: 'Benzin-Bold', 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 Запустить Minecraft
@ -417,6 +426,13 @@ const LaunchPage = ({
minHeight: 'unset', minHeight: 'unset',
minWidth: 'unset', minWidth: 'unset',
height: '100%', // занимает полную высоту родителя 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} 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', transition: 'transform 0.3s, box-shadow 0.3s, filter 0.3s',
overflow: 'hidden', overflow: 'hidden',
cursor: 'pointer', cursor: 'pointer',
filter: hoveredCardId && !isHovered ? 'blur(5px)' : 'blur(0px)', // filter: hoveredCardId && !isHovered ? 'blur(5px)' : 'blur(0px)', //НЕ БЕЙ МЕНЯ АНДРЕЙ
transform: isHovered ? 'scale(1.03)' : 'scale(1)', transform: isHovered ? 'scale(1.03)' : 'scale(1)',
zIndex: isHovered ? 10 : 1, zIndex: isHovered ? 10 : 1,
'&:hover': { '&:hover': {
@ -232,7 +232,7 @@ export const VersionsExplorer = () => {
<Card <Card
sx={{ sx={{
backgroundColor: 'rgba(30, 30, 50, 0.8)', backgroundColor: 'rgba(30, 30, 50, 0.8)',
backdropFilter: 'blur(10px)', // backdropFilter: 'blur(10px)',
width: '35vw', width: '35vw',
height: '35vh', height: '35vh',
minWidth: 'unset', minWidth: 'unset',
@ -246,8 +246,8 @@ export const VersionsExplorer = () => {
justifyContent: 'center', justifyContent: 'center',
alignItems: 'center', alignItems: 'center',
cursor: 'pointer', cursor: 'pointer',
filter: // filter:
hoveredCardId && hoveredCardId !== 'add' ? 'blur(5px)' : 'blur(0)', // hoveredCardId && hoveredCardId !== 'add' ? 'blur(5px)' : 'blur(0)', //НЕ БЕЙ МЕНЯ АНДРЕЙ
transform: hoveredCardId === 'add' ? 'scale(1.03)' : 'scale(1)', transform: hoveredCardId === 'add' ? 'scale(1.03)' : 'scale(1)',
zIndex: hoveredCardId === 'add' ? 10 : 1, zIndex: hoveredCardId === 'add' ? 10 : 1,
'&:hover': { '&:hover': {
@ -300,7 +300,7 @@ export const VersionsExplorer = () => {
left: 0, left: 0,
right: 0, right: 0,
bottom: 0, bottom: 0,
backdropFilter: hoveredCardId ? 'blur(10px)' : 'blur(0)', // backdropFilter: hoveredCardId ? 'blur(10px)' : 'blur(0)', //НЕ БЕЙ МЕНЯ АНДРЕЙ
transition: 'backdrop-filter 0.3s ease-in-out', transition: 'backdrop-filter 0.3s ease-in-out',
zIndex: 5, zIndex: 5,
pointerEvents: 'none', pointerEvents: 'none',