1 line
44 KiB
CSS
1 line
44 KiB
CSS
|
.chat-widget[data-v-7fb76a94]{position:fixed;bottom:40px;right:60px;z-index:1000;font-family:Arial,sans-serif}.chat-icon[data-v-7fb76a94]{width:60px;height:60px;border-radius:50%;background-color:#ac85e0;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.2);transition:all .3s ease;position:relative}.chat-icon i[data-v-7fb76a94]{font-size:28px}.chat-icon[data-v-7fb76a94]:hover{transform:scale(1.05);background-color:#6e3edb}.chat-icon.active[data-v-7fb76a94]{background-color:#6e3edb}.unread-badge[data-v-7fb76a94]{position:absolute;top:-5px;right:-5px;background-color:#e74c3c;color:#fff;border-radius:50%;width:20px;height:20px;font-size:12px;display:flex;justify-content:center;align-items:center}.chat-dialog[data-v-7fb76a94]{position:absolute;bottom:80px;right:0;width:350px;height:450px;background-color:#fff;border-radius:10px;box-shadow:0 5px 25px rgba(0,0,0,.1);display:flex;flex-direction:column;overflow:hidden}.chat-header[data-v-7fb76a94]{background-color:#ac85e0;color:#fff;padding:15px;display:flex;justify-content:space-between;align-items:center}.chat-title[data-v-7fb76a94]{font-weight:700;font-size:16px}.chat-actions[data-v-7fb76a94]{display:flex;gap:15px}.chat-actions i[data-v-7fb76a94]{cursor:pointer;font-size:16px}.chat-actions i[data-v-7fb76a94]:hover{opacity:.8}.chat-body[data-v-7fb76a94]{flex:1;overflow-y:auto;padding:15px;background-color:#f8f9fa}.chat-status[data-v-7fb76a94]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.chat-status i[data-v-7fb76a94]{font-size:32px;margin-bottom:16px}.chat-status p[data-v-7fb76a94]{margin:8px 0;color:#666}.chat-status.connecting i[data-v-7fb76a94]{color:#ac85e0}.chat-status.error i[data-v-7fb76a94],.chat-status.error p[data-v-7fb76a94]{color:#e74c3c}.chat-status.disconnected i[data-v-7fb76a94],.chat-status.disconnected p[data-v-7fb76a94]{color:#f39c12}.chat-status .retry-button[data-v-7fb76a94]{margin-top:16px;padding:8px 16px;background-color:#ac85e0;color:#fff;border:none;border-radius:20px;cursor:pointer}.chat-status .retry-button[data-v-7fb76a94]:hover{background-color:#6e3edb}.chat-empty[data-v-7fb76a94]{color:#777;text-align:center;margin-top:30px}.chat-message[data-v-7fb76a94]{display:flex;margin-bottom:15px}.chat-message.chat-message-user[data-v-7fb76a94]{flex-direction:row-reverse}.chat-message.chat-message-user .message-content[data-v-7fb76a94]{background-color:#ac85e0;color:#fff;border-radius:18px 18px 0 18px}.chat-message.chat-message-user .message-time[data-v-7fb76a94]{text-align:right;color:hsla(0,0%,100%,.7)}.chat-message.chat-message-system .message-content[data-v-7fb76a94]{background-color:#fff;border-radius:18px 18px 18px 0}.message-avatar[data-v-7fb76a94]{width:36px;height:36px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#e0e0e0;margin:0 10px}.message-avatar i[data-v-7fb76a94]{font-size:18px;color:#555}.message-content[data-v-7fb76a94]{position:relative;max-width:70%;padding:18px 15px 10px 15px;box-shadow:0 1px 2px rgba(0,0,0,.1)}.message-content .message-time[data-v-7fb76a94]{position:absolute;top:6px;right:15px;font-size:11px;color:#bbb;pointer-events:none;user-select:none}.chat-message-user .message-content .message-time[data-v-7fb76a94]{color:hsla(0,0%,100%,.7)}.message-text[data-v-7fb76a94]{line-height:1.4;font-size:14px;word-break:break-word}.message-image img[data-v-7fb76a94]{max-width:200px;max-height:200px;border-radius:8px;cursor:pointer;transition:transform .2s}.message-image img[data-v-7fb76a94]:hover{transform:scale(1.03)}.message-time[data-v-7fb76a94]{font-size:11px;margin-top:4px}.chat-footer[data-v-7fb76a94]{padding:10px;display:flex;border-top:1px solid #e0e0e0;align-items:center}.chat-toolbar[data-v-7fb76a94]{margin-right:8px}.image-upload-label[data-v-7fb76a94]{display:flex;align-items:center;justify-content:center;width:30px;height:30px;cursor:pointer;color:#666}.image-upload-label[data-v-7fb76a94]:hover:not(.disabled){color:#ac85e0}.image-upload-label.disabled[data-v-7fb76a94]{opacity
|