paint buttons / minor change

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}