From 673823686d0ecaedce8cf9225e751f27142434d7 Mon Sep 17 00:00:00 2001
From: 107 <107@DESKTOP-UP8U7M2>
Date: Fri, 23 May 2025 10:29:17 +0700
Subject: [PATCH] =?UTF-8?q?=D1=84=D0=B8=D0=BA=20=D0=BA=D0=BD=D0=BE=D0=BF?=
 =?UTF-8?q?=D0=BE=D0=BA=20=D1=83=D1=80=D0=BF=D0=B0=D0=B2=D0=BB=D0=B5=D0=BD?=
 =?UTF-8?q?=D0=B8=D1=8F=20=D0=BF=D1=80=D0=BE=D1=84=D0=B8=D0=BB=D0=B5=D0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ProfileView.vue | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/views/ProfileView.vue b/src/views/ProfileView.vue
index bade559..1c25ea3 100644
--- a/src/views/ProfileView.vue
+++ b/src/views/ProfileView.vue
@@ -52,8 +52,7 @@
             <div class="profile-card">
               <!-- Avatar Section -->
               <div class="avatar-section">
-                <div class="avatar-container">
-                  <img 
+                <div class="avatar-container">                  <img 
                     v-if="mainPhoto" 
                     :src="mainPhoto.url" 
                     :alt="profileData.name"
@@ -145,8 +144,7 @@
                     class="photo-item"
                     :class="{ 'main-photo': photo.isProfilePhoto }"
                   >
-                    <img :src="photo.url" :alt="'Фото ' + profileData.name" class="photo-image">
-                    <div v-if="photo.isProfilePhoto" class="main-badge">
+                    <img :src="photo.url" :alt="'Фото ' + profileData.name" class="photo-image">                    <div v-if="photo.isProfilePhoto" class="main-badge">
                       <i class="bi-star-fill"></i>
                       Главное
                     </div>
@@ -778,8 +776,9 @@ onMounted(async () => {
   display: flex;
   align-items: center;
   justify-content: center;
-  opacity: 0;
+  opacity: 1;
   transition: opacity 0.3s ease;
+  z-index: 5;
 }
 
 .avatar-container:hover .avatar-overlay {
@@ -1002,6 +1001,8 @@ onMounted(async () => {
   background: rgba(0, 0, 0, 0.7);
   padding: 0.5rem;
   border-radius: 10px;
+  z-index: 10;
+  pointer-events: auto;
 }
 
 .photo-item:hover .photo-actions {