From e122db524cf406a47a340ee93adae94cbdc770aa Mon Sep 17 00:00:00 2001
From: Professional <Professional@DENIIS-PC>
Date: Thu, 22 May 2025 01:12:13 +0700
Subject: [PATCH] =?UTF-8?q?=D1=84=D0=B8=D0=BA=D1=81=20=D1=81=D0=BF=D0=B8?=
 =?UTF-8?q?=D1=81=D0=BA=D0=B0=20=D0=B3=D0=BE=D1=80=D0=BE=D0=B4=D0=BE=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/EditProfileForm.vue | 57 ++++++++++++++++++++----------
 1 file changed, 38 insertions(+), 19 deletions(-)

diff --git a/src/components/EditProfileForm.vue b/src/components/EditProfileForm.vue
index 4d6b4c0..b94ce11 100644
--- a/src/components/EditProfileForm.vue
+++ b/src/components/EditProfileForm.vue
@@ -430,10 +430,10 @@
   
   .city-dropdown {
     position: absolute;
-    top: 100%;
+    top: calc(100% + 1px); /* Расположение сразу под полем ввода */
     left: 0;
     right: 0;
-    z-index: 1000;
+    z-index: 1050; /* Повышаем z-index, чтобы список был всегда поверх других элементов */
     background-color: white;
     border: 1px solid #dee2e6;
     border-radius: 0 0 5px 5px;
@@ -442,6 +442,24 @@
     overflow: hidden;
     display: flex;
     flex-direction: column;
+    width: 100%; /* Гарантируем полную ширину */
+  }
+  
+  .no-results {
+    position: absolute;
+    top: calc(100% + 1px); /* Расположение сразу под полем ввода */
+    left: 0;
+    right: 0;
+    z-index: 1050;
+    padding: 10px 15px;
+    color: #dc3545;
+    text-align: center;
+    border: 1px solid #dee2e6;
+    border-top: none;
+    border-radius: 0 0 5px 5px;
+    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
+    background-color: white;
+    width: 100%; /* Гарантируем полную ширину */
   }
   
   .search-results-info {
@@ -484,22 +502,6 @@
     color: #495057;
   }
   
-  .no-results {
-    padding: 10px 15px;
-    color: #dc3545;
-    text-align: center;
-    border: 1px solid #dee2e6;
-    border-top: none;
-    border-radius: 0 0 5px 5px;
-    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
-    background-color: white;
-    position: absolute;
-    top: 100%;
-    left: 0;
-    right: 0;
-    z-index: 1000;
-  }
-  
   /* Кнопка очистки */
   .input-group-text {
     cursor: pointer;
@@ -510,5 +512,22 @@
     background-color: #f0f0f0;
   }
 
-  /* ...existing code... */
+  .img-thumbnail {
+    border: 1px solid #dee2e6;
+    padding: 0.25rem;
+    background-color: #fff;
+    border-radius: 0.25rem;
+  }
+  .upload-message {
+    font-size: 0.9em;
+  }
+  .upload-message.success {
+    color: green;
+  }
+  .upload-message.error {
+    color: red;
+  }
+  .upload-message.pending, .upload-message.uploading {
+    color: orange;
+  }
   </style>
\ No newline at end of file