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; + } \ No newline at end of file