acdr-ui/dist/build/app-plus/pages/message/chat.css

2 lines
1.6 KiB
CSS

.chat-container[data-v-096b2daa]{position:relative;width:100vw;height:100vh;padding-top:10px}.chat-container .message[data-v-096b2daa]{display:flex;margin-bottom:10px}.chat-container .message.support[data-v-096b2daa]{flex-direction:row}.chat-container .message.customer[data-v-096b2daa]{flex-direction:row-reverse}.chat-container .message-avatar[data-v-096b2daa]{margin:0 10px;border-radius:50%}.chat-container .message-avatar .avatar[data-v-096b2daa]{width:40px;height:40px}.chat-container .message-body[data-v-096b2daa]{display:flex;flex-direction:column;gap:10px;align-items:flex-end;width:50%}.chat-container .mine .message-content[data-v-096b2daa]{background-color:#fcd038}.chat-container .support .message-content[data-v-096b2daa]{align-self:flex-start;background-color:#f1f0f0}.chat-container .customer .message-content[data-v-096b2daa]{align-self:flex-end;background-color:#fcd038}.chat-container .message-content[data-v-096b2daa]{max-width:70%;padding:8px 10px;border-radius:10px;box-shadow:0 1px 1px rgba(0,0,0,.1)}.chat-container .message-time[data-v-096b2daa]{align-self:flex-end;font-size:.75rem;color:#666}.chat-container .input-area[data-v-096b2daa]{position:absolute;bottom:9.375rem;display:flex;flex-direction:column;width:100%;padding:10px;border-top:1px solid #ccc}.chat-container .input-area .input-text[data-v-096b2daa]{flex-grow:1;padding:10px;border:none;border-radius:20px}.chat-container .input-area uni-button[data-v-096b2daa]{position:absolute;right:.625rem;bottom:-6.25rem;width:7.5rem;height:2.5rem;color:#fff;cursor:pointer;background-color:#fcd038;border:none;border-radius:1.25rem}