2 lines
8.3 KiB
Java
2 lines
8.3 KiB
Java
.im-chat-page[data-v-4a73c065]{height:calc(100vh - 120px);padding:12px;background:#f5f7fa}.im-chat-page--embedded[data-v-4a73c065]{height:100%;padding:0;background:transparent}.im-chat-row[data-v-4a73c065]{display:flex;height:100%;background:#fff;border:1px solid #f0f0f0;border-radius:8px;overflow:hidden}.im-chat-left[data-v-4a73c065]{flex-shrink:0;height:100%;display:flex;flex-direction:column;border-right:1px solid #f0f0f0;background:#fafafa;transition:width .2s ease;overflow:hidden;min-width:0}.im-chat-left.collapsed .im-chat-left-header[data-v-4a73c065]{justify-content:center;padding:12px 8px}.im-chat-left.collapsed .conv-item[data-v-4a73c065]{justify-content:center;padding:10px 8px}.im-resize-handle[data-v-4a73c065]{flex-shrink:0;width:4px;cursor:col-resize;background:transparent;transition:background .15s;position:relative;z-index:2}.im-resize-handle[data-v-4a73c065]:after{content:"";position:absolute;top:0;bottom:0;left:-2px;right:-2px}.im-resize-handle[data-v-4a73c065]:hover,.im-resize-handle.dragging[data-v-4a73c065]{background:#1677ff59}.im-chat-right[data-v-4a73c065]{flex:1;min-width:0;height:100%;display:flex;flex-direction:column}.left-spin[data-v-4a73c065],.left-spin[data-v-4a73c065] .ant-spin-container{flex:1;min-height:0;display:flex;flex-direction:column}.im-chat-left-header[data-v-4a73c065]{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:14px 12px 10px;border-bottom:1px solid #f0f0f0;background:#fff}.im-chat-left-header .header-main[data-v-4a73c065]{min-width:0;flex:1}.im-chat-left-header .title[data-v-4a73c065]{font-size:15px;font-weight:600;line-height:1.3}.im-chat-left-header .dept-tip[data-v-4a73c065]{margin-top:2px;font-size:12px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collapse-btn[data-v-4a73c065]{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:6px;background:transparent;color:#666;cursor:pointer;transition:background .15s,color .15s}.collapse-btn[data-v-4a73c065]:hover{background:#f0f0f0;color:#1677ff}.im-left-tabs[data-v-4a73c065]{display:flex;gap:8px;padding:0 12px 8px}.im-left-tab[data-v-4a73c065]{flex:1;height:30px;border:1px solid #f0f0f0;border-radius:6px;background:#fafafa;color:#595959;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px}.im-left-tab.active[data-v-4a73c065]{color:#1677ff;border-color:#91caff;background:#e6f4ff}.tab-unread-badge[data-v-4a73c065]{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;font-size:11px;line-height:16px;font-weight:500;background:#ff4d4f;color:#fff;border-radius:8px;white-space:nowrap}.im-group-actions[data-v-4a73c065]{padding:0 12px 8px}.im-search-wrap[data-v-4a73c065]{padding:8px 10px 0;box-sizing:border-box}.im-search[data-v-4a73c065]{width:100%}.im-search[data-v-4a73c065] .ant-input{font-size:13px}.im-search-icon[data-v-4a73c065]{color:#999;cursor:pointer;font-size:14px}.im-search-icon[data-v-4a73c065]:hover{color:#1677ff}.conv-list[data-v-4a73c065]{flex:1;overflow-y:auto;padding:6px 0 8px}.conv-item[data-v-4a73c065]{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;transition:background .15s}.conv-item[data-v-4a73c065]:hover,.conv-item.active[data-v-4a73c065]{background:#eef4ff}.conv-item.conv-item--work-notify[data-v-4a73c065]{border-bottom:1px solid #f5f5f5}.conv-item.conv-item--work-notify[data-v-4a73c065]:hover,.conv-item.conv-item--work-notify.active[data-v-4a73c065]{background:#fff7e6}.conv-tag[data-v-4a73c065]{flex-shrink:0;margin-left:4px;padding:0 6px;border-radius:10px;background:#fff7e6;color:#fa8c16;font-size:11px;font-weight:400;line-height:18px}.im-work-notify-readonly-tip[data-v-4a73c065]{padding:12px 16px;border-top:1px solid #f0f0f0;background:#fafafa;color:#8c8c8c;font-size:13px;text-align:center}.conv-meta[data-v-4a73c065]{flex:1;min-width:0}.conv-top[data-v-4a73c065],.conv-bottom[data-v-4a73c065]{display:flex;justify-content:space-between;gap:6px;align-items:center}.conv-top[data-v-4a73c065]{margin-bottom:2px}.conv-name[data-v-4a73c065]{font-weight:500;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-time[data-v-4a73c065],.conv-preview[data-v-4a73c065],.message-time[data-v-4a73c065]{color:#999;font-size:12px}.conv-preview[data-v-4a73c065]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.im-chat-right-header[data-v-4a73c065]{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px;border-bottom:1px solid #f0f0f0;font-weight:600}.im-chat-right-header .chat-peer-name[data-v-4a73c065]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-settings-btn[data-v-4a73c065]{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:6px;background:transparent;color:#666;cursor:pointer;transition:background .15s,color .15s}.chat-settings-btn[data-v-4a73c065]:hover{background:#f0f0f0;color:#1677ff}.message-box-wrap[data-v-4a73c065]{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column}.message-box[data-v-4a73c065]{flex:1;overflow-y:auto;padding:16px;background:#fafafa}.new-msg-tip[data-v-4a73c065]{position:absolute;bottom:14px;left:50%;transform:translate(-50%);white-space:nowrap;display:inline-flex;align-items:center;gap:5px;padding:6px 16px;background:#1677ffe0;color:#fff;font-size:13px;border-radius:999px;cursor:pointer;box-shadow:0 3px 10px #1677ff4d;z-index:10;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .15s}.new-msg-tip[data-v-4a73c065]:hover{background:#1677ff}.new-msg-tip-fade-enter-active[data-v-4a73c065],.new-msg-tip-fade-leave-active[data-v-4a73c065]{transition:opacity .2s,transform .2s}.new-msg-tip-fade-enter-from[data-v-4a73c065],.new-msg-tip-fade-leave-to[data-v-4a73c065]{opacity:0;transform:translate(-50%) translateY(8px)}.load-more[data-v-4a73c065],.load-more-hint[data-v-4a73c065]{text-align:center;margin-bottom:8px}.load-more-hint[data-v-4a73c065]{display:flex;align-items:center;justify-content:center;gap:8px;color:#999;font-size:12px}.message-row[data-v-4a73c065]{display:flex;gap:8px;margin-bottom:16px}.message-row.mine[data-v-4a73c065]{flex-direction:row-reverse}.message-row.mine .message-bubble[data-v-4a73c065]{background:#1677ff;color:#fff}.message-row.mine .message-time[data-v-4a73c065]{color:#ffffffbf}.message-bubble[data-v-4a73c065]{max-width:60%;background:#fff;border-radius:8px;padding:8px 12px;box-shadow:0 1px 2px #0000000a}.message-name[data-v-4a73c065]{font-size:12px;color:#999;margin-bottom:4px}.message-input[data-v-4a73c065]{border-top:1px solid #f0f0f0;padding:10px 12px 12px;background:#fafafa}.im-page-context-bubble[data-v-4a73c065]{display:inline-flex;align-items:center;gap:4px;max-width:100%;margin-bottom:8px;padding:4px 10px;border-radius:999px;background:#e6f4ff;border:1px solid #bae0ff;color:#0958d9;font-size:12px;line-height:1.4;box-shadow:0 1px 2px #1677ff14}.im-page-context-icon[data-v-4a73c065]{flex-shrink:0;font-size:13px}.im-page-context-text[data-v-4a73c065]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.im-page-context-action[data-v-4a73c065]{flex-shrink:0;font-size:12px;opacity:.85}.im-page-context-bubble.is-clickable[data-v-4a73c065]{cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}.im-page-context-bubble.is-clickable[data-v-4a73c065]:hover{background:#d6ebff;border-color:#69b1ff;box-shadow:0 2px 6px #1677ff1f}.message-content[data-v-4a73c065]{word-break:break-word;white-space:pre-wrap;line-height:1.6}.message-bubble--image[data-v-4a73c065]{background:transparent!important;box-shadow:none;padding:0}.message-bubble--image .message-time[data-v-4a73c065]{margin-top:4px;color:#999!important}.message-bubble--biz-record[data-v-4a73c065]{background:#fff!important;color:#262626!important;box-shadow:0 1px 4px #00000014;padding:8px 10px 6px}.message-bubble--biz-record .message-time[data-v-4a73c065]{color:#999!important;text-align:right}.message-row.mine .message-bubble--biz-record[data-v-4a73c065]{background:#fff!important;color:#262626!important}.message-image[data-v-4a73c065]{max-width:240px;max-height:240px;border-radius:8px;cursor:pointer;display:block;-o-object-fit:cover;object-fit:cover}.message-row.mine .message-bubble--image .message-time[data-v-4a73c065]{text-align:right}.empty-chat[data-v-4a73c065]{margin-top:120px}
|