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-25 21:03:42 +07:00
parent 895142d203
commit 9ed59d820f
1 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/views/ProfileView.vue
View File

@ -110,15 +110,12 @@
<div class="tabs-container"> <div class="tabs-container">
<button class="tab-btn" :class="{ 'active': activeTab === 'info' }" @click="activeTab = 'info'"> <button class="tab-btn" :class="{ 'active': activeTab === 'info' }" @click="activeTab = 'info'">
<i class="bi-person-lines-fill"></i> <i class="bi-person-lines-fill"></i>
<span>Информация</span>
</button> </button>
<button class="tab-btn" :class="{ 'active': activeTab === 'photos' }" @click="activeTab = 'photos'"> <button class="tab-btn" :class="{ 'active': activeTab === 'photos' }" @click="activeTab = 'photos'">
<i class="bi-images"></i> <i class="bi-images"></i>
<span>Фотографии</span>
</button> </button>
<button class="tab-btn" :class="{ 'active': activeTab === 'preferences' }" @click="activeTab = 'preferences'"> <button class="tab-btn" :class="{ 'active': activeTab === 'preferences' }" @click="activeTab = 'preferences'">
<i class="bi-sliders"></i> <i class="bi-sliders"></i>
<span>Предпочтения</span>
</button> </button>
</div> </div>
</div> </div>
@ -1736,11 +1733,8 @@ onUnmounted(() => {
.tab-btn { .tab-btn {
flex: 1; flex: 1;
padding: 0.8rem 0.5rem; padding: 1rem 0.5rem;
text-align: center; text-align: center;
font-size: 0.85rem;
font-weight: 500;
color: #6c757d;
background: transparent; background: transparent;
border: none; border: none;
cursor: pointer; cursor: pointer;
@ -1749,8 +1743,15 @@ onUnmounted(() => {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
gap: 0.4rem; }
width: 33.333%; /* Явно задаём ширину каждой вкладке */
.tab-btn i {
font-size: 1.5rem;
color: #6c757d;
}
.tab-btn.active i {
color: #667eea;
} }
.tab-btn.active { .tab-btn.active {
@ -2174,7 +2175,7 @@ onUnmounted(() => {
/* Spinner Small */ /* Spinner Small */
.spinner-small { .spinner-small {
width: 16px; width: 16px;
height: 16px; height: 16px;
border: 2px solid rgba(255, 255, 255, 0.3); border: 2px solid rgba(255, 255, 255, 0.3);
border-top: 2px solid white; border-top: 2px solid white;
border-radius: 50%; border-radius: 50%;