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
targetDescription: string;
globalDescription: string;
material: string;
}
export interface PrankServer {

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

@ -597,6 +597,9 @@ export default function Shop() {
borderRadius: '999px',
background: GRADIENT,
},
'&:focus': {
background: 'transparent',
},
}}
>
{['Прокачка', 'Кейсы', 'Плащи', 'Предметы'].map((label) => (
@ -619,6 +622,9 @@ export default function Shop() {
color: '#fff',
background: 'rgba(255,255,255,0.06)',
},
'&:focus': {
background: 'transparent',
},
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}>
<Box
sx={{
p: '1.4vw',
width: '20vw',
height: '100%',
borderRadius: '1.4vw',
background:
'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)',
display: 'flex',
flexDirection: 'column',
gap: '0.8vw',
overflow: 'hidden',
transition: 'transform 0.18s ease',
'&:hover': {
transform: 'scale(1.03)',
},
}}
>
<Typography
{/* Картинка */}
<Box
sx={{
fontFamily: 'Benzin-Bold',
fontSize: '1.1vw',
background: GRADIENT,
WebkitBackgroundClip: 'text',
WebkitTextFillColor: 'transparent',
height: '9vw',
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
background: 'rgba(0,0,0,0.25)',
}}
>
{cmd.name}
</Typography>
<Box
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 }}
>
{cmd.description}
</Typography>
<Typography sx={{ fontWeight: 900 }}>
Цена: {cmd.price} монет
</Typography>
<Button
disableRipple
onClick={() => {
setSelectedPrank(cmd);
setPrankTarget('');
setPrankDialogOpen(true);
}}
{/* Контент */}
<Box
sx={{
mt: '0.6vw',
borderRadius: '999px',
fontFamily: 'Benzin-Bold',
color: '#fff',
background: GRADIENT,
py: '0.6vw',
'&:hover': { filter: 'brightness(1.05)' },
p: '1vw',
display: 'flex',
flexDirection: 'column',
gap: '0.6vw',
flexGrow: 1,
}}
>
Выполнить
</Button>
<Typography
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>
</Grid>
))}