фикс списка городов

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>