paint buttons / minor change

src/renderer/pages/Marketplace.tsx

@@ -221,9 +221,18 @@ export default function Marketplace() {
         </Typography>
         <Button
           variant="contained"
-          color="primary"
           onClick={checkPlayerStatus}
-          sx={{ mt: 2 }}
+          sx={{
+            mt: '1%',
+            borderRadius: '20px',
+            p: '10px 25px',
+            color: 'white',
+            backgroundColor: 'rgb(255, 77, 77)',
+            '&:hover': {
+              backgroundColor: 'rgba(255, 77, 77, 0.5)',
+            },
+            fontFamily: 'Benzin-Bold',
+          }}
         >
           Проверить снова
         </Button>

src/renderer/pages/Profile.tsx

@@ -167,7 +167,9 @@ export default function Profile() {
         display: 'flex',
         flexDirection: 'row',
         alignItems: 'center',
-        gap: 2,
+        gap: '100px',
+        width: '100%',
+        justifyContent: 'center',
       }}
     >
       {loading ? (
@@ -185,6 +187,20 @@ export default function Profile() {
             }}
           >
             {/* Используем переработанный компонент SkinViewer */}
+            <Typography
+              sx={{
+                fontFamily: 'Benzin-Bold',
+                alignSelf: 'center',
+                justifySelf: 'center',
+                textAlign: 'center',
+                width: '100%',
+                mb: '5vw',
+                fontSize: '3vw',
+                color: 'white',
+              }}
+            >
+              {username}
+            </Typography>
             <SkinViewer
               width={300}
               height={400}
@@ -195,7 +211,13 @@ export default function Profile() {
             />
           </Paper>
 
-          <Box sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>
+          <Box
+            sx={{
+              display: 'flex',
+              flexDirection: 'column',
+              gap: 2,
+            }}
+          >
             <Box
               sx={{
                 width: '100%',
@@ -284,9 +306,17 @@ export default function Profile() {
               )}
 
               <Button
-                sx={{ color: 'white' }}
+                sx={{
+                  color: 'white',
+                  borderRadius: '20px',
+                  p: '10px 25px',
+                  backgroundColor: 'rgb(0, 134, 0)',
+                  '&:hover': {
+                    backgroundColor: 'rgba(0, 134, 0, 0.5)',
+                  },
+                  fontFamily: 'Benzin-Bold',
+                }}
                 variant="contained"
-                color="primary"
                 fullWidth
                 onClick={handleUploadSkin}
                 disabled={uploadStatus === 'loading' || !skinFile}

src/renderer/pages/Shop.tsx

@@ -83,9 +83,10 @@ export default function Shop() {
         gap: '2vw',
         justifyContent: 'center',
         alignItems: 'center',
+        width: '100%',
+        height: '100%',
       }}
     >
-      <Typography variant="h4">Shop</Typography>
       {loading ? (
         <Typography>Загрузка...</Typography>
       ) : (
@@ -93,9 +94,11 @@ export default function Shop() {
           sx={{
             display: 'flex',
             flexDirection: 'column',
+            flexWrap: 'wrap',
+            alignContent: 'flex-start',
+            width: '90%',
+            height: '80%',
             gap: '2vw',
-            justifyContent: 'center',
-            alignItems: 'center',
           }}
         >
           <Typography variant="h6">Доступные плащи</Typography>