weiyun-ui/lib/packages/wy-chat/style.css

UI library For Vue

[data-v-c40a998c]:root{--chat-reduce-height:300px}.wy-chat_container[data-v-c40a998c]{padding:0;display:flex;flex-direction:column;background-color:#f8f9fc;font-size:13px;position:relative;overflow:hidden}.wy-chat_container .wy-chat_content[data-v-c40a998c]{flex:1;overflow:auto;min-height:calc(100vh - var(--chat-reduce-height, 300px));max-height:calc(100vh - var(--chat-reduce-height, 300px));height:calc(100vh - var(--chat-reduce-height, 300px));padding:0 15px}.wy-chat_container .wy-chat_content .wy-chat_item-wrap[data-v-c40a998c]{margin:15px 0;width:100%}.wy-chat_container .wy-chat_content .wy-chat_item-wrap .wy-chat_item-header[data-v-c40a998c]{display:flex;flex-direction:row;align-items:center;margin-bottom:5px;gap:10px;color:#bbb}.wy-chat_container .wy-chat_content .wy-chat_item-wrap .wy-chat_item-header .wy-chat_item-avatar[data-v-c40a998c]{font-size:16px;font-weight:700}.wy-chat_container .wy-chat_content .wy-chat_item-wrap .wy-chat_item-header .wy-chat_item-avatar img[data-v-c40a998c]{width:30px;height:30px;border-radius:50%}.wy-chat_container .wy-chat_content .wy-chat_item-wrap .wy-chat_item-header .wy-chat_item-avatar span[data-v-c40a998c]{display:flex;flex-direction:row;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background-color:#20c6b1;color:#fff}.wy-chat_container .wy-chat_content .wy-chat_item-wrap .wy-chat_item-header .wy-chat_item-time[data-v-c40a998c]{font-size:12px}.wy-chat_container .wy-chat_content .wy-chat_item-wrap .wy-chat_item-content[data-v-c40a998c]{background-color:#f0eeee;padding:10px;border-radius:5px;color:#505050;white-space:pre-line}.wy-chat_container .wy-chat_content .wy-chat_item-wrap .wy-chat_item-to-desc[data-v-c40a998c]{font-size:11px;color:#a8a7a7;background:#f4f3f3;margin:0 0 5px;border-radius:3px;padding:5px 8px}.wy-chat_container .wy-chat_content .wy-chat_item-wrap .wy-chat_item-left[data-v-c40a998c]{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin-right:12%}.wy-chat_container .wy-chat_content .wy-chat_item-wrap .wy-chat_item-right[data-v-c40a998c]{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;margin-left:12%}.wy-chat_container .wy-chat_content .wy-chat_item-wrap .wy-chat_item-right .wy-chat_item-content[data-v-c40a998c]{background-color:#bcf5ee;text-align:right}.wy-chat_container .wy-chat_choose-receiver[data-v-c40a998c]{font-size:12px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:5px;padding:5px 15px;margin:2px;background-color:#f8f9fc}.wy-chat_container .wy-chat_choose-receiver .wy-chat_choose-receiver__title[data-v-c40a998c]{color:#999}.wy-chat_container .wy-chat_choose-receiver[data-v-c40a998c] .el-checkbox-group{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:5px}.wy-chat_container .wy-chat_choose-receiver[data-v-c40a998c] .el-checkbox-group .el-checkbox{margin:5px 0}.wy-chat_container .wy-chat_input[data-v-c40a998c]{display:flex;flex-direction:row}.wy-chat_container .wy-chat_input .wy-chat_input-wrap[data-v-c40a998c]{flex:1;display:flex;flex-direction:row}.wy-chat_container .wy-chat_input .wy-chat_input-wrap[data-v-c40a998c] .el-textarea__inner{font-size:12px}.wy-chat_container .wy-chat_input .wy-chat_input-wrap .wy-chat_input-wrap__input[data-v-c40a998c]{flex:1}.wy-chat_container .wy-chat_input .wy-chat_input-wrap .wy-chat_input-wrap__btn[data-v-c40a998c]{flex:0 0 40px}[data-v-c40a998c]::-webkit-scrollbar{width:6px;height:6px}[data-v-c40a998c]::-webkit-scrollbar-track{border-radius:4px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:rgba(0,0,0,.08)}[data-v-c40a998c]::-webkit-scrollbar-thumb{border-radius:6px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:rgba(0,0,0,.12)}
/*# sourceMappingURL=style.css.map */