From 92fc5314e284ea5ca88cf0605223d5fcdded0c4f Mon Sep 17 00:00:00 2001
From: Professional <Professional@DENIIS-PC>
Date: Sat, 24 May 2025 01:27:18 +0700
Subject: [PATCH] =?UTF-8?q?=D1=84=D0=B8=D0=BA=D1=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ProfileView.vue | 47 ++++++++++++++++++++-------------------
 1 file changed, 24 insertions(+), 23 deletions(-)

diff --git a/src/views/ProfileView.vue b/src/views/ProfileView.vue
index c87059e..dd2eec9 100644
--- a/src/views/ProfileView.vue
+++ b/src/views/ProfileView.vue
@@ -1457,22 +1457,23 @@ onUnmounted(() => {
 /* Stats Section */
 .stats-section {
   display: flex;
-  justify-content: space-around; /* равномерное распределение по ширине */
+  justify-content: space-between;
   background: rgba(243, 245, 250, 0.6);
   border-radius: 12px;
-  padding: 1rem; /* увеличиваем внутренний отступ */
+  padding: 1rem;
   margin-top: 0.8rem;
-  flex-wrap: wrap; /* добавляем перенос при маленьком экране */
-  gap: 1rem; /* отступ между элементами */
+  gap: 0.5rem;
 }
 
 .stat-item {
   display: flex;
+  flex-direction: column;
   align-items: center;
-  gap: 1rem;
-  min-width: 110px; /* минимальная ширина для элементов статистики */
-  flex-grow: 0; /* элементы не растягиваются */
-  padding: 0.5rem; /* добавляем отступ внутри блока */
+  justify-content: center;
+  width: 33.33%;
+  position: relative;
+  text-align: center;
+  padding: 0.5rem;
 }
 
 .stat-icon {
@@ -1486,33 +1487,32 @@ onUnmounted(() => {
   border-radius: 50%;
   background: rgba(102, 126, 234, 0.15);
   color: #667eea;
-  flex-shrink: 0; /* иконка не сжимается */
+  margin-bottom: 0.5rem;
 }
 
-/* Добавляем стиль для иконок внутри .stat-icon */
 .stat-icon i {
-  font-size: 1.3rem; /* Единый размер для всех иконок */
-  line-height: 1; /* Гарантирует вертикальное центрирование */
+  font-size: 1.3rem;
+  line-height: 1;
 }
 
 .stat-info {
   display: flex;
   flex-direction: column;
-  min-width: 0; /* позволяет тексту сжиматься */
-  flex: 1; /* занимать доступное пространство */
+  align-items: center;
+  width: 100%;
 }
 
 .stat-value {
   font-size: 1.1rem;
   font-weight: 600;
   color: #333;
-  white-space: nowrap; /* значение в одну строку */
+  margin-bottom: 0.1rem;
 }
 
 .stat-label {
   font-size: 0.75rem;
   color: #6c757d;
-  white-space: nowrap; /* подпись в одну строку */
+  text-align: center;
 }
 
 /* Tabs */
@@ -2190,6 +2190,13 @@ onUnmounted(() => {
   color: #6c757d;
 }
 
+.upload-btn-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.8rem;
+}
+
 .upload-btn {
   background: linear-gradient(45deg, #667eea, #764ba2);
   color: white;
@@ -2226,13 +2233,6 @@ onUnmounted(() => {
   animation: spin 0.8s linear infinite;
 }
 
-.upload-btn-container {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 0.8rem;
-}
-
 .upload-hint small {
   font-size: 0.75rem;
   color: #6c757d;
@@ -2257,6 +2257,7 @@ onUnmounted(() => {
     margin-top: 0;
   }
   
+  
   .info-grid {
     grid-template-columns: repeat(2, 1fr);
   }