modified: serv_nginx/bbvue/src/views/Profile.vue

try fix bag with dowble avatar
This commit is contained in:
2025-10-17 10:31:45 +05:00
parent 1234090ffd
commit 1f076c45dd
+13 -6
View File
@@ -1,6 +1,7 @@
<template> <template>
<div class="page"> <div class="page">
<h1>👤 Личный кабинет</h1> <h2>👤 Бегущий башкир: </h2>
<h1>{{ user.firstName }} {{ user.lastName }}</h1>
<div v-if="authLoading" class="loading">Загрузка профиля...</div> <div v-if="authLoading" class="loading">Загрузка профиля...</div>
@@ -17,7 +18,6 @@
</div> </div>
</div> </div>
<h2>{{ user.firstName }} {{ user.lastName }}</h2>
<p>Участник с {{ joinDate }}</p> <p>Участник с {{ joinDate }}</p>
<p class="user-email">{{ user.email }}</p> <p class="user-email">{{ user.email }}</p>
<p v-if="user.phone" class="user-phone">📱 {{ user.phone }}</p> <p v-if="user.phone" class="user-phone">📱 {{ user.phone }}</p>
@@ -655,6 +655,7 @@ export default {
} }
.avatar-preview { .avatar-preview {
position: relative;
width: 150px; width: 150px;
height: 150px; height: 150px;
margin: 0 auto 1rem; margin: 0 auto 1rem;
@@ -670,10 +671,9 @@ export default {
height: 100%; height: 100%;
object-fit: cover; object-fit: cover;
transition: transform 0.3s ease; transition: transform 0.3s ease;
} position: absolute;
top: 0;
.avatar-image:hover { left: 0;
transform: scale(1.05);
} }
.avatar-placeholder { .avatar-placeholder {
@@ -685,7 +685,14 @@ export default {
font-size: 4rem; font-size: 4rem;
background: linear-gradient(135deg, #2e8b57, #3cb371); background: linear-gradient(135deg, #2e8b57, #3cb371);
color: white; color: white;
position: absolute;
top: 0;
left: 0;
} }
.avatar-image:hover {
transform: scale(1.05);
}
.profile-header h2 { .profile-header h2 {
margin: 1rem 0 0.5rem; margin: 1rem 0 0.5rem;