restyle Shop.tsx

src/renderer/pages/Shop.tsx

@@ -435,7 +435,18 @@ export default function Shop() {
               gap: 2,
             }}
           >
-            <Typography variant="h6">Прокачка</Typography>
+            <Typography
+              variant="h6"
+              sx={{
+                fontFamily: 'Benzin-Bold',
+                backgroundImage:
+                  'linear-gradient(136deg, rgb(242,113,33), rgb(233,64,87), rgb(138,35,135))',
+                WebkitBackgroundClip: 'text',
+                WebkitTextFillColor: 'transparent',
+              }}
+            >
+              Прокачка
+            </Typography>
 
             {bonusesLoading ? (
               <FullScreenLoader
@@ -519,34 +530,35 @@ export default function Shop() {
             }}
           >
             <Box sx={{ display: 'flex', gap: 2 }}>
-              <Typography variant="h6">Кейсы</Typography>
+              <Typography
+                variant="h6"
+                sx={{
+                  fontFamily: 'Benzin-Bold',
+                  backgroundImage:
+                    'linear-gradient(136deg, rgb(242,113,33), rgb(233,64,87), rgb(138,35,135))',
+                  WebkitBackgroundClip: 'text',
+                  WebkitTextFillColor: 'transparent',
+                }}
+              >
+                Кейсы
+              </Typography>
 
               {!isOnline && (
                 <Button
                   variant="outlined"
                   size="small"
                   sx={{
-                    width: '9em',
+                    transition: 'transform 0.3s ease',
-                    height: '3em',
+                    width: '60%',
-                    borderRadius: '2.5vw',
-                    fontFamily: 'Benzin-Bold',
-                    fontSize: '0.7em',
                     background:
                       'linear-gradient(71deg, #F27121 0%, #E940CD 70%, #8A2387 100%)',
+                    fontFamily: 'Benzin-Bold',
+                    borderRadius: '2.5vw',
+                    fontSize: '0.8em',
                     color: 'white',
-                    border: 'none',
-                    transition: 'transform 0.3s ease',
                     '&:hover': {
-                      background:
+                      transform: 'scale(1.1)',
-                        '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)',
-                  }}
-                  onClick={() => {
-                    checkPlayerStatus(); // обновляем онлайн-статус
-                    loadCases(); // обновляем ТОЛЬКО кейсы
                   }}
                 >
                   Обновить
@@ -592,7 +604,18 @@ export default function Shop() {
 
           {/* Блок плащей */}
           <Box sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>
-            <Typography variant="h6">Доступные плащи</Typography>
+            <Typography
+              variant="h6"
+              sx={{
+                fontFamily: 'Benzin-Bold',
+                backgroundImage:
+                  'linear-gradient(136deg, rgb(242,113,33), rgb(233,64,87), rgb(138,35,135))',
+                WebkitBackgroundClip: 'text',
+                WebkitTextFillColor: 'transparent',
+              }}
+            >
+              Плащи
+            </Typography>
 
             {availableCapes.length > 0 ? (
               <Grid container spacing={2}>
@@ -635,9 +658,12 @@ export default function Shop() {
         onClose={handleCloseNotification}
       >
         <Alert
-          onClose={handleCloseNotification}
+          sx={{
-          severity={notification.type}
+            background:
-          sx={{ width: '100%' }}
+              'linear-gradient(71deg, #F27121 0%, #E940CD 70%, #8A2387 100%)',
+            color: 'white',
+            fontFamily: 'Benzin-Bold',
+          }}
         >
           {notification.message}
         </Alert>