2 lines
1.5 KiB
Plaintext
2 lines
1.5 KiB
Plaintext
|
.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:300rpx;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 button.data-v-096b2daa{position:absolute;right:20rpx;bottom:-200rpx;width:240rpx;height:80rpx;color:#fff;cursor:pointer;background-color:#fcd038;border:none;border-radius:40rpx}
|