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

redesign minor

Browse Source
This commit is contained in:
aurinex
2025-12-29 10:04:58 +05:00
parent 2777e9b008
commit 287116103d
2 changed files with 90 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/renderer/api/commands.ts
View File

@ -9,6 +9,7 @@ export interface PrankCommand {
server_ids: string[]; // ["*"] или конкретные id server_ids: string[]; // ["*"] или конкретные id
targetDescription: string; targetDescription: string;
globalDescription: string; globalDescription: string;
material: string;
} }
export interface PrankServer { export interface PrankServer {

125
src/renderer/pages/Shop.tsx
View File

@ -597,6 +597,9 @@ export default function Shop() {
borderRadius: '999px', borderRadius: '999px',
background: GRADIENT, background: GRADIENT,
}, },
'&:focus': {
background: 'transparent',
},
}} }}
> >
{['Прокачка', 'Кейсы', 'Плащи', 'Предметы'].map((label) => ( {['Прокачка', 'Кейсы', 'Плащи', 'Предметы'].map((label) => (
@ -619,6 +622,9 @@ export default function Shop() {
color: '#fff', color: '#fff',
background: 'rgba(255,255,255,0.06)', background: 'rgba(255,255,255,0.06)',
}, },
'&:focus': {
background: 'transparent',
},
transition: 'all 0.18s ease', transition: 'all 0.18s ease',
}} }}
/> />
@ -986,7 +992,8 @@ export default function Shop() {
<Grid item xs={12} sm={6} md={4} lg={3} key={cmd.id}> <Grid item xs={12} sm={6} md={4} lg={3} key={cmd.id}>
<Box <Box
sx={{ sx={{
p: '1.4vw', width: '20vw',
height: '100%',
borderRadius: '1.4vw', borderRadius: '1.4vw',
background: background:
'radial-gradient(circle at 10% 10%, rgba(242,113,33,0.14), transparent 55%), rgba(10,10,20,0.88)', 'radial-gradient(circle at 10% 10%, rgba(242,113,33,0.14), transparent 55%), rgba(10,10,20,0.88)',
@ -995,50 +1002,96 @@ export default function Shop() {
backdropFilter: 'blur(14px)', backdropFilter: 'blur(14px)',
display: 'flex', display: 'flex',
flexDirection: 'column', flexDirection: 'column',
gap: '0.8vw', overflow: 'hidden',
transition: 'transform 0.18s ease',
'&:hover': {
transform: 'scale(1.03)',
},
}} }}
> >
<Typography {/* Картинка */}
<Box
sx={{ sx={{
fontFamily: 'Benzin-Bold', height: '9vw',
fontSize: '1.1vw', display: 'flex',
background: GRADIENT, alignItems: 'center',
WebkitBackgroundClip: 'text', justifyContent: 'center',
WebkitTextFillColor: 'transparent', background: 'rgba(0,0,0,0.25)',
}} }}
> >
{cmd.name} <Box
</Typography> component="img"
src={`https://cdn.minecraft.popa-popa.ru/textures/${cmd.material?.toLowerCase()}.png`}
alt={cmd.material}
sx={{
width: '6vw',
height: '6vw',
imageRendering: 'pixelated',
}}
/>
</Box>
<Typography {/* Контент */}
sx={{ color: 'rgba(255,255,255,0.75)', fontWeight: 700 }} <Box
>
{cmd.description}
</Typography>
<Typography sx={{ fontWeight: 900 }}>
Цена: {cmd.price} монет
</Typography>
<Button
disableRipple
onClick={() => {
setSelectedPrank(cmd);
setPrankTarget('');
setPrankDialogOpen(true);
}}
sx={{ sx={{
mt: '0.6vw', p: '1vw',
borderRadius: '999px', display: 'flex',
fontFamily: 'Benzin-Bold', flexDirection: 'column',
color: '#fff', gap: '0.6vw',
background: GRADIENT, flexGrow: 1,
py: '0.6vw',
'&:hover': { filter: 'brightness(1.05)' },
}} }}
> >
Выполнить <Typography
</Button> sx={{
fontFamily: 'Benzin-Bold',
fontSize: '1.1vw',
background: GRADIENT,
WebkitBackgroundClip: 'text',
WebkitTextFillColor: 'transparent',
}}
>
{cmd.name}
</Typography>
<Typography
sx={{
color: 'rgba(255,255,255,0.75)',
fontSize: '0.95vw',
flexGrow: 1,
}}
>
{cmd.description}
</Typography>
<Typography
sx={{
fontWeight: 900,
fontSize: '1vw',
}}
>
Цена: {cmd.price} монет
</Typography>
<Button
disableRipple
onClick={() => {
setSelectedPrank(cmd);
setPrankTarget('');
setPrankDialogOpen(true);
}}
sx={{
mt: '0.6vw',
borderRadius: '999px',
fontFamily: 'Benzin-Bold',
color: '#fff',
background: GRADIENT,
py: '0.5vw',
'&:hover': { filter: 'brightness(1.05)' },
}}
>
Купить
</Button>
</Box>
</Box> </Box>
</Grid> </Grid>
))} ))}