From 31d25efea762b9f99ba90b8d0ca4db34c1e93735 Mon Sep 17 00:00:00 2001
From: Professional <Professional@DENIIS-PC>
Date: Sat, 24 May 2025 01:24:01 +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 | 30 +++++++++++++++++++-----------
 1 file changed, 19 insertions(+), 11 deletions(-)

diff --git a/src/views/ProfileView.vue b/src/views/ProfileView.vue
index 2c92fd4..c87059e 100644
--- a/src/views/ProfileView.vue
+++ b/src/views/ProfileView.vue
@@ -1457,53 +1457,62 @@ onUnmounted(() => {
 /* Stats Section */
 .stats-section {
   display: flex;
-  justify-content: space-between;
+  justify-content: space-around; /* равномерное распределение по ширине */
   background: rgba(243, 245, 250, 0.6);
   border-radius: 12px;
-  padding: 0.8rem;
+  padding: 1rem; /* увеличиваем внутренний отступ */
   margin-top: 0.8rem;
+  flex-wrap: wrap; /* добавляем перенос при маленьком экране */
+  gap: 1rem; /* отступ между элементами */
 }
 
 .stat-item {
   display: flex;
   align-items: center;
-  gap: 1rem; /* Увеличиваю отступ с 0.5rem до 1rem */
+  gap: 1rem;
+  min-width: 110px; /* минимальная ширина для элементов статистики */
+  flex-grow: 0; /* элементы не растягиваются */
+  padding: 0.5rem; /* добавляем отступ внутри блока */
 }
 
 .stat-icon {
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 40px; /* Увеличиваем размер для лучшего вида */
-  height: 40px; /* Поддерживаем квадратные пропорции */
-  min-width: 40px; /* Фиксированный минимальный размер */
-  min-height: 40px; /* Фиксированный минимальный размер */
-  border-radius: 50%; /* Идеально круглая форма */
+  width: 44px;
+  height: 44px;
+  min-width: 44px;
+  min-height: 44px;
+  border-radius: 50%;
   background: rgba(102, 126, 234, 0.15);
   color: #667eea;
-  margin: 0 auto; /* Центрируем по горизонтали */
+  flex-shrink: 0; /* иконка не сжимается */
 }
 
 /* Добавляем стиль для иконок внутри .stat-icon */
 .stat-icon i {
-  font-size: 1.2rem; /* Единый размер для всех иконок */
+  font-size: 1.3rem; /* Единый размер для всех иконок */
   line-height: 1; /* Гарантирует вертикальное центрирование */
 }
 
 .stat-info {
   display: flex;
   flex-direction: column;
+  min-width: 0; /* позволяет тексту сжиматься */
+  flex: 1; /* занимать доступное пространство */
 }
 
 .stat-value {
   font-size: 1.1rem;
   font-weight: 600;
   color: #333;
+  white-space: nowrap; /* значение в одну строку */
 }
 
 .stat-label {
   font-size: 0.75rem;
   color: #6c757d;
+  white-space: nowrap; /* подпись в одну строку */
 }
 
 /* Tabs */
@@ -2033,7 +2042,6 @@ onUnmounted(() => {
   background: rgba(102, 126, 234, 0.1);
 }
 
-/* Logout Button */
 .logout-section {
   display: flex;
   justify-content: center;