modified: serv_nginx/bbvue/src/views/Profile.vue
try fix bag with dowble avatar
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user