фик кнопок урпавления профилем
This commit is contained in:
parent
cc1e292ad3
commit
673823686d
@ -52,8 +52,7 @@
|
|||||||
<div class="profile-card">
|
<div class="profile-card">
|
||||||
<!-- Avatar Section -->
|
<!-- Avatar Section -->
|
||||||
<div class="avatar-section">
|
<div class="avatar-section">
|
||||||
<div class="avatar-container">
|
<div class="avatar-container"> <img
|
||||||
<img
|
|
||||||
v-if="mainPhoto"
|
v-if="mainPhoto"
|
||||||
:src="mainPhoto.url"
|
:src="mainPhoto.url"
|
||||||
:alt="profileData.name"
|
:alt="profileData.name"
|
||||||
@ -145,8 +144,7 @@
|
|||||||
class="photo-item"
|
class="photo-item"
|
||||||
:class="{ 'main-photo': photo.isProfilePhoto }"
|
:class="{ 'main-photo': photo.isProfilePhoto }"
|
||||||
>
|
>
|
||||||
<img :src="photo.url" :alt="'Фото ' + profileData.name" class="photo-image">
|
<img :src="photo.url" :alt="'Фото ' + profileData.name" class="photo-image"> <div v-if="photo.isProfilePhoto" class="main-badge">
|
||||||
<div v-if="photo.isProfilePhoto" class="main-badge">
|
|
||||||
<i class="bi-star-fill"></i>
|
<i class="bi-star-fill"></i>
|
||||||
Главное
|
Главное
|
||||||
</div>
|
</div>
|
||||||
@ -778,8 +776,9 @@ onMounted(async () => {
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
opacity: 0;
|
opacity: 1;
|
||||||
transition: opacity 0.3s ease;
|
transition: opacity 0.3s ease;
|
||||||
|
z-index: 5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.avatar-container:hover .avatar-overlay {
|
.avatar-container:hover .avatar-overlay {
|
||||||
@ -1002,6 +1001,8 @@ onMounted(async () => {
|
|||||||
background: rgba(0, 0, 0, 0.7);
|
background: rgba(0, 0, 0, 0.7);
|
||||||
padding: 0.5rem;
|
padding: 0.5rem;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
|
z-index: 10;
|
||||||
|
pointer-events: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.photo-item:hover .photo-actions {
|
.photo-item:hover .photo-actions {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user