NetsPro/Reflex
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

фикс

Browse Source
This commit is contained in:
Professional 2025-05-24 01:27:18 +07:00
parent 31d25efea7
commit 92fc5314e2
1 changed files with 24 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
src/views/ProfileView.vue
View File

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