1 line
7.9 KiB
CSS
1 line
7.9 KiB
CSS
.message[data-v-457d4179]{display:flex;align-items:center;padding:10px 10px;border-bottom:1px solid #eee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message[data-v-457d4179]:last-child{border-bottom:none}.message img[data-v-457d4179]{width:40px;height:40px;border-radius:5px;margin-right:10px}.message .content[data-v-457d4179]{flex:1;min-width:0}.message .content .title[data-v-457d4179]{display:flex;align-items:center;margin-bottom:5px}.message .content .title span[data-v-457d4179]{font-size:13px;color:#333;margin-right:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message .content .title .official[data-v-457d4179]{background-color:#b3d4fc;color:#007aff;border-radius:3px;padding:2px 5px;font-size:12px;white-space:nowrap}.message .content .subtitle[data-v-457d4179]{font-size:12px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message .time[data-v-457d4179]{font-size:12px;color:#aaa;white-space:nowrap;margin-left:10px}.unread[data-v-457d4179]{color:#007aff}.private-letter-right-content[data-v-457d4179]{flex:1;overflow:auto}.private-letter-right-content .private-letter-right-content-item[data-v-457d4179]{margin-bottom:6px;padding:6px;border-radius:6px}.private-letter-right-content .private-letter-right-content-item .private-letter-right-content-item-time[data-v-457d4179]{font-size:13px;color:#aaa;text-align:center}.private-letter-right-content .private-letter-right-content-item .private-letter-info[data-v-457d4179]{display:flex}.private-letter-right-content .private-letter-right-content-item .private-letter-info .private-letter-avatar[data-v-457d4179]{width:32px;height:32px;border-radius:50%;margin-right:10px;cursor:pointer}.private-letter-right-content .private-letter-right-content-item .private-letter-info .private-letter-info-message[data-v-457d4179]{display:flex;flex-direction:column;flex:1}.private-letter-right-content .private-letter-right-content-item .private-letter-info .private-letter-info-message .private-letter-info-red[data-v-457d4179]{width:7px;height:7px;border-radius:50%;background-color:#f95d5d;margin-left:8px}.private-letter-right-content .private-letter-right-content-item .private-letter-info .private-letter-info-message .private-letter-info-time[data-v-457d4179]{font-size:13px;color:#aaa;display:flex;align-items:center;margin-bottom:10px}.private-letter-right-content .private-letter-right-content-item .private-letter-info .private-letter-info-message .private-letter-info-time .private-letter-info-operate[data-v-457d4179]{position:relative;display:flex;align-items:center}.private-letter-right-content .private-letter-right-content-item .private-letter-info .private-letter-info-message .private-letter-info-time .private-letter-info-operate .private-letter-info-time-dotdotdot[data-v-457d4179]{width:16px;height:16px;margin:0 12px;cursor:pointer}.private-letter-right-content .private-letter-right-content-item .private-letter-info .private-letter-info-message .private-letter-info-time .private-letter-info-operate .private-letter-info-operate-box-mask[data-v-457d4179]{width:100%;height:100%;position:fixed;top:0;left:0;display:none;z-index:1}.private-letter-right-content .private-letter-right-content-item .private-letter-info .private-letter-info-message .private-letter-info-time .private-letter-info-operate .private-letter-info-operate-box[data-v-457d4179]{font-size:14px;color:#f2f2f2;text-align:right;line-height:25px;position:absolute;top:25px;left:12px;z-index:1;display:flex;align-items:center;height:40px;background-color:#555;border-radius:5px;display:none}.private-letter-right-content .private-letter-right-content-item .private-letter-info .private-letter-info-message .private-letter-info-time .private-letter-info-operate .private-letter-info-operate-box .private-letter-info-operate-item[data-v-457d4179]{width:52px;text-align:center;position:relative;cursor:pointer}.private-letter-right-content .private-letter-right-content-item .private-letter-info .private-letter-info-message .private-letter-info-time .private-letter-info-operate .private-letter-info-operate-box .private-letter-info-operate-item.private-letter-info-operate-item-report[data-v-457d4179]:after{content:"|";position:absolute;top:50%;left:0;transform:translateY(-50%)}.private-letter-right-content .private-letter-right-content-item .private-letter-info .private-letter-info-message .private-letter-info-text[data-v-457d4179]{max-width:353px;font-family:PingFangSC-Regular,PingFang SC,sans-serif;font-weight:400;font-size:15px;line-height:25px;color:#333;background-color:#fff;border-radius:0 15px 15px 15px;padding:10px;width:-moz-max-content;width:max-content;word-wrap:break-word;white-space:break-spaces;position:relative;letter-spacing:1px}.private-letter-right-content .private-letter-right-content-item .private-letter-info .private-letter-info-message .private-letter-info-img[data-v-457d4179]{max-width:120px;border-radius:5px;position:relative;cursor:pointer}.private-letter-right-content .private-letter-right-content-item .private-letter-info .private-letter-info-message .private-letter-info-content-flex[data-v-457d4179]{position:relative;display:flex;align-items:center}.private-letter-right-content .private-letter-right-content-item .private-letter-info .private-letter-info-message .private-letter-info-content-flex .private-letter-info-load[data-v-457d4179]{animation:rotate-457d4179 2s linear infinite;transform-origin:top;position:absolute;top:50%;transform:translateY(-50%);left:-36px}.private-letter-right-content .private-letter-right-content-item .private-letter-info .private-letter-info-message .private-letter-info-content-flex .private-letter-error-icon[data-v-457d4179],.private-letter-right-content .private-letter-right-content-item .private-letter-info .private-letter-info-message .private-letter-info-content-flex .private-letter-info-load[data-v-457d4179]{width:24px;height:24px;margin-right:10px}.private-letter-right-content .private-letter-right-content-item .private-letter-info .private-letter-info-message .private-letter-error[data-v-457d4179]{width:181px;height:50px;background-color:#fff;border:1px solid #d7d7d7;border-radius:10px;display:flex;align-items:center;margin-top:16px}.private-letter-right-content .private-letter-right-content-item .private-letter-info .private-letter-info-message .private-letter-error .private-letter-error-item[data-v-457d4179]{flex:1;text-align:center;font-size:18px;font-family:PingFangSC-Regular,PingFang SC,sans-serif;cursor:pointer}.private-letter-right-content .private-letter-right-content-item .private-letter-info .private-letter-info-message .private-letter-error .private-letter-error-item[data-v-457d4179]:first-of-type{border-right:1px solid #d7d7d7}@keyframes rotate-457d4179{0%{transform:rotate(0deg) translateY(-50%)}to{transform:rotate(1turn) translateY(-50%)}}.private-letter-right-content .private-letter-right-content-item.private-letter-isauthor .private-letter-info-time[data-v-457d4179]{justify-content:flex-end}.private-letter-right-content .private-letter-right-content-item.private-letter-isauthor .private-letter-avatar[data-v-457d4179]{margin-left:10px;margin-right:0}.private-letter-right-content .private-letter-right-content-item.private-letter-isauthor .private-letter-info-message[data-v-457d4179]{align-items:flex-end}.private-letter-right-content .private-letter-right-content-item.private-letter-isauthor .private-letter-info-text[data-v-457d4179]{background-color:#95ec69!important;border-radius:15px 0 15px 15px!important}.private-letter-right-content .private-letter-right-content-item.private-letter-isauthor .private-letter-info-operate-item-report[data-v-457d4179]{display:none}.private-letter-right-content[data-v-457d4179]::-webkit-scrollbar-track-piece{background-color:transparent}.private-letter-right-content[data-v-457d4179]::-webkit-scrollbar{width:7px;height:7px;background-color:transparent}.private-letter-right-content[data-v-457d4179]::-webkit-scrollbar-thumb{border-radius:5px;background-color:hsla(225,4%,58%,.3)} |