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