redesign minor

src/renderer/api/commands.ts

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

src/renderer/pages/Shop.tsx

@@ -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,7 +1002,43 @@ 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)',
+                      },
+                    }}
+                  >
+                    {/* Картинка */}
+                    <Box
+                      sx={{
+                        height: '9vw',
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                        background: 'rgba(0,0,0,0.25)',
+                      }}
+                    >
+                      <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>
+
+                    {/* Контент */}
+                    <Box
+                      sx={{
+                        p: '1vw',
+                        display: 'flex',
+                        flexDirection: 'column',
+                        gap: '0.6vw',
+                        flexGrow: 1,
                       }}
                     >
                       <Typography
@@ -1011,12 +1054,21 @@ export default function Shop() {
                       </Typography>
 
                       <Typography
-                      sx={{ color: 'rgba(255,255,255,0.75)', fontWeight: 700 }}
+                        sx={{
+                          color: 'rgba(255,255,255,0.75)',
+                          fontSize: '0.95vw',
+                          flexGrow: 1,
+                        }}
                       >
                         {cmd.description}
                       </Typography>
 
-                    <Typography sx={{ fontWeight: 900 }}>
+                      <Typography
+                        sx={{
+                          fontWeight: 900,
+                          fontSize: '1vw',
+                        }}
+                      >
                         Цена: {cmd.price} монет
                       </Typography>
 
@@ -1033,13 +1085,14 @@ export default function Shop() {
                           fontFamily: 'Benzin-Bold',
                           color: '#fff',
                           background: GRADIENT,
-                        py: '0.6vw',
+                          py: '0.5vw',
                           '&:hover': { filter: 'brightness(1.05)' },
                         }}
                       >
-                      Выполнить
+                        Купить
                       </Button>
                     </Box>
+                  </Box>
                 </Grid>
               ))}
             </Grid>