Update chat.html

chat.html

@@ -18,10 +18,12 @@
             display: flex;
             justify-content: center;
             align-items: center;
+            padding: 20px;
         }
         
         .chat-container {
-            width: 400px;
+            width: 100%;
+            max-width: 400px;
             height: 600px;
             background: white;
             border-radius: 15px;
@@ -121,7 +123,6 @@
             font-size: 0.9em;
         }
         
-        /* Стили для скроллбара */
         .messages-container::-webkit-scrollbar {
             width: 6px;
         }
@@ -176,10 +177,8 @@
             }
             
             init() {
-                // Загружаем историю сообщений при загрузке
                 this.loadMessages();
                 
-                // Настраиваем обработчики событий
                 this.sendButton.addEventListener('click', () => this.sendMessage());
                 this.messageInput.addEventListener('keypress', (e) => {
                     if (e.key === 'Enter') {
@@ -187,10 +186,7 @@
                     }
                 });
                 
-                // Обновляем сообщения каждые 2 секунды
                 setInterval(() => this.loadNewMessages(), 2000);
-                
-                // Автофокус на поле ввода
                 this.messageInput.focus();
             }
             
@@ -199,7 +195,6 @@
                 
                 if (!message) return;
                 
-                // Блокируем кнопку во время отправки
                 this.sendButton.disabled = true;
                 this.sendButton.textContent = 'Отправка...';
                 
@@ -219,7 +214,7 @@
                     
                     if (result.status === 'success') {
                         this.messageInput.value = '';
-                        this.loadNewMessages(); // Обновляем сообщения сразу после отправки
+                        this.loadNewMessages();
                     } else {
                         alert('Ошибка отправки: ' + result.message);
                     }
@@ -260,10 +255,8 @@
             
             displayMessages(messages, clear = true) {
                 if (clear) {
-                    // Убираем приветственное сообщение
                     const welcomeMsg = document.getElementById('welcome-message');
                     if (welcomeMsg) welcomeMsg.remove();
-                    
                     this.messagesContainer.innerHTML = '';
                 }
                 
@@ -297,7 +290,6 @@
             }
         }
         
-        // Инициализация чата после загрузки страницы
         document.addEventListener('DOMContentLoaded', () => {
             new Chat();
         });