diff --git a/src/views/ProfileView.vue b/src/views/ProfileView.vue
index 933505e..fe3d779 100644
--- a/src/views/ProfileView.vue
+++ b/src/views/ProfileView.vue
@@ -382,10 +382,6 @@
{{ photoActionSuccess }}
-
-
- Загрузка фотографий...
-
@@ -1255,8 +1251,14 @@ const getGenderPreferenceText = (genderPreference) => {
// Закрытие выпадающих списков при клике вне их
const handleClickOutside = (event) => {
- if (!event.target.closest('.city-input-wrapper')) {
+ // Проверяем клик для выпадающего списка города
+ if (showCityList.value && !event.target.closest('.select-wrapper')) {
showCityList.value = false;
+ }
+
+ // Проверяем клик для выпадающего списка пола отдельно, чтобы не влиять на другой список
+ if (showGenderList.value && !event.target.closest('#editGender') &&
+ !event.target.closest('.dropdown') && !event.composedPath().some(el => el.id === 'editGender')) {
showGenderList.value = false;
}
};
@@ -1545,8 +1547,9 @@ onUnmounted(() => {
color: #6c757d;
margin: 0;
line-height: 1.2;
+ white-space: nowrap; /* Возвращаем запрет на перенос строки */
+ overflow: visible; /* Разрешаем выход за пределы контейнера */
width: 100%; /* оставляем эту ширину, чтобы почта занимала всю доступную ширину */
- word-break: break-word; /* добавляем перенос слов, если почта очень длинная */
}
.user-badges {
@@ -1996,6 +1999,7 @@ onUnmounted(() => {
.action-btn.primary:hover {
background: linear-gradient(45deg, #5a6abf, #6a4190);
+ border-color: rgba(102, 126, 234, 0.5);
transform: translateY(-2px);
box-shadow: 0 6px 15px rgba(102, 126, 234, 0.4);
text-decoration: none;
@@ -2165,6 +2169,7 @@ onUnmounted(() => {
@keyframes alert-in {
from { opacity: 0; transform: translateY(-10px); }
+
to { opacity: 1; transform: translateY(0); }
}