1 line
1.6 KiB
CSS
1 line
1.6 KiB
CSS
.chat-container[data-v-8c4ff588]{max-width:800px;margin:20px auto;padding:0 15px;font-family:Arial,sans-serif}.client-info[data-v-8c4ff588]{margin:15px 0;padding:10px;background-color:#f5f5f5;border-radius:4px;color:#666;display:flex;justify-content:space-between;align-items:center}.identity[data-v-8c4ff588]{font-weight:700;color:#2c3e50}.connection-status[data-v-8c4ff588]{padding:3px 8px;border-radius:12px;font-size:12px;color:#fff}.status-connected[data-v-8c4ff588]{background-color:#2ecc71}.status-connecting[data-v-8c4ff588]{background-color:#f39c12}.status-disconnected[data-v-8c4ff588]{background-color:#e74c3c}.message-area[data-v-8c4ff588]{border:1px solid #e0e0e0;border-radius:4px;height:500px;overflow-y:auto;padding:15px;margin-bottom:15px;background-color:#fff}.system-message[data-v-8c4ff588]{color:#7f8c8d;font-style:italic;margin:5px 0}.user-message[data-v-8c4ff588]{margin:8px 0;padding:5px 0;border-bottom:1px solid #f5f5f5}.input-area[data-v-8c4ff588]{display:flex;gap:10px}input[data-v-8c4ff588]{flex-grow:1;padding:10px;border:1px solid #bdc3c7;border-radius:4px;font-size:14px}input[data-v-8c4ff588]:disabled{background-color:#f9f9f9;cursor:not-allowed}button[data-v-8c4ff588]{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}button[data-v-8c4ff588]:disabled{opacity:.7;cursor:not-allowed;background-color:#95a5a6!important}button[data-v-8c4ff588]:not(:disabled):hover{filter:brightness(.9)}button[data-v-8c4ff588]:first-of-type:not(:disabled){background-color:#3498db;color:#fff}button[data-v-8c4ff588]:last-of-type:not(:disabled){background-color:#e74c3c;color:#fff} |