diff --git a/src/views/admin/AdminConversationDetail.vue b/src/views/admin/AdminConversationDetail.vue index 338c394..f5b8a54 100644 --- a/src/views/admin/AdminConversationDetail.vue +++ b/src/views/admin/AdminConversationDetail.vue @@ -483,6 +483,7 @@ h3 i { border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); padding: 1.5rem; + overflow-x: hidden; /* Добавляем скрытие горизонтального переполнения */ } .participants-list { @@ -490,6 +491,7 @@ h3 i { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; max-width: 100%; + overflow: hidden; /* Скрываем переполнение */ } .participant-card { @@ -501,11 +503,8 @@ h3 i { border-radius: 10px; background-color: #f9f9f9; transition: all 0.2s ease; -} - -.participant-card:hover { - box-shadow: 0 4px 12px rgba(0,0,0,0.08); - transform: translateY(-2px); + max-width: 100%; /* Ограничиваем ширину */ + overflow: hidden; /* Скрываем переполнение */ } .participant-photo { @@ -517,24 +516,11 @@ h3 i { box-shadow: 0 2px 6px rgba(0,0,0,0.15); } -.participant-photo img { - width: 100%; - height: 100%; - object-fit: cover; -} - -.participant-photo.placeholder { - display: flex; - align-items: center; - justify-content: center; - background: linear-gradient(135deg, #ff3e68, #ff5252); - color: white; - font-weight: bold; -} - .participant-info { flex: 1; - min-width: 0; + min-width: 0; /* Важно для текста с переполнением */ + width: 100%; /* Занимает всё доступное пространство */ + overflow: hidden; /* Скрываем переполнение */ } .participant-name { @@ -545,7 +531,7 @@ h3 i { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - max-width: calc(100% - 20px); /* Оставляем немного места для отступа */ + max-width: 100%; /* Изменяем с calc(100% - 20px) на 100% */ } .participant-email { @@ -555,6 +541,7 @@ h3 i { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; + max-width: 100%; /* Добавляем максимальную ширину */ } .btn { @@ -568,11 +555,14 @@ h3 i { align-items: center; gap: 0.5rem; transition: all 0.2s ease; + max-width: 100%; /* Ограничиваем ширину кнопки */ + overflow: hidden; /* Скрываем переполнение */ } .user-btn { background-color: rgba(25, 118, 210, 0.1); color: #1976d2; + width: 100%; /* Кнопка занимает всю доступную ширину */ } .user-btn:hover { diff --git a/src/views/admin/AdminConversations.vue b/src/views/admin/AdminConversations.vue index 4528ff1..502c7eb 100644 --- a/src/views/admin/AdminConversations.vue +++ b/src/views/admin/AdminConversations.vue @@ -7,8 +7,8 @@ type="text" v-model="searchUserId" placeholder="Поиск диалогов по ID пользователя..." + @input="debouncedSearch" /> -