2 lines
4.4 KiB
CSS
2 lines
4.4 KiB
CSS
.chat-room-page[data-v-c06fbd7d]{height:100vh;display:flex;flex-direction:column;background:#eef2f6;overflow:hidden}.room-nav[data-v-c06fbd7d]{flex-shrink:0;min-height:3rem;padding-left:.625rem;padding-right:.625rem;background:#fff;display:flex;align-items:center;border-bottom:.03125rem solid #e8edf3}.room-nav__btn[data-v-c06fbd7d]{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.room-nav__profile[data-v-c06fbd7d]{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:.4375rem}.room-nav__avatar[data-v-c06fbd7d]{width:1.8125rem;height:1.8125rem;border-radius:.25rem;background:#e5e7eb;flex-shrink:0}.room-nav__text[data-v-c06fbd7d]{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.room-nav__name[data-v-c06fbd7d]{max-width:11.25rem;font-size:.9375rem;font-weight:700;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-nav__relation[data-v-c06fbd7d]{margin-top:.125rem;font-size:.6875rem;color:#185dff;line-height:1.2}.message-list[data-v-c06fbd7d]{flex:1;min-height:0;padding:.75rem .75rem 1rem;box-sizing:border-box}.relationship-notice[data-v-c06fbd7d]{display:flex;justify-content:center;margin:.125rem 0 .875rem}.relationship-notice uni-text[data-v-c06fbd7d]{height:1.3125rem;padding:0 .5625rem;border-radius:.25rem;background:rgba(17,24,39,.08);color:#4b5563;font-size:.6875rem;line-height:1.3125rem}.message-row[data-v-c06fbd7d]{display:flex;justify-content:flex-start;margin-bottom:.6875rem}.message-row--self[data-v-c06fbd7d]{justify-content:flex-end}.message-row--self .message-bubble[data-v-c06fbd7d]{background:#185dff;border-color:#185dff;color:#fff}.message-row--self .message-bubble--image[data-v-c06fbd7d]{background:transparent;border-color:transparent}.message-bubble[data-v-c06fbd7d]{max-width:78%;padding:.5625rem .6875rem;border-radius:.25rem;background:#fff;border:.03125rem solid #dbe6f5;box-sizing:border-box}.message-bubble--image[data-v-c06fbd7d]{padding:0;background:transparent;border-color:transparent;overflow:hidden}.message-bubble__text[data-v-c06fbd7d]{font-size:.875rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.message-bubble__image[data-v-c06fbd7d]{width:9.375rem;max-height:16.25rem;border-radius:.25rem;display:block;background:#dbe3ee}.message-state[data-v-c06fbd7d],.message-empty[data-v-c06fbd7d]{display:flex;justify-content:center;padding:3.75rem 0}.message-state uni-text[data-v-c06fbd7d],.message-empty uni-text[data-v-c06fbd7d]{font-size:.75rem;color:#9ca3af}.input-panel[data-v-c06fbd7d]{flex-shrink:0;background:#fff;border-top:.03125rem solid #e8edf3;padding:.5rem .6875rem calc(.5625rem + env(safe-area-inset-bottom))}.voice-panel[data-v-c06fbd7d]{display:grid;grid-template-columns:1fr 3.25rem 1fr;align-items:center;min-height:3.625rem;padding-bottom:.5rem}.voice-panel__status[data-v-c06fbd7d],.voice-panel__meta[data-v-c06fbd7d]{display:flex;align-items:center;min-width:0;font-size:.75rem;color:#4b5563}.voice-panel__meta[data-v-c06fbd7d]{justify-content:flex-end;color:#8a95a6}.voice-panel__dot[data-v-c06fbd7d]{width:.375rem;height:.375rem;margin-right:.3125rem;border-radius:50%;background:#b8c5d8}.voice-panel__dot--active[data-v-c06fbd7d]{background:#ef4444}.voice-panel__button[data-v-c06fbd7d]{width:3.25rem;height:3.25rem;border-radius:50%;background:#edf3ff;border:.03125rem solid #c9d8f4;display:flex;align-items:center;justify-content:center}.voice-panel__button--recording[data-v-c06fbd7d]{background:#185dff;border-color:#185dff}.voice-panel__button--disabled[data-v-c06fbd7d]{opacity:.6}.input-bar[data-v-c06fbd7d]{display:flex;align-items:center;gap:.4375rem;height:2.25rem;overflow:hidden}.input-bar__tool[data-v-c06fbd7d],.input-bar__send[data-v-c06fbd7d]{width:2.25rem;height:2.25rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.input-bar__tool[data-v-c06fbd7d]{background:#edf3ff;border:.03125rem solid #c9d8f4}.input-bar__tool--active[data-v-c06fbd7d]{background:#dce9ff;border-color:#9fbaf3}.input-bar__tool--disabled[data-v-c06fbd7d]{opacity:.5}.input-bar__textarea[data-v-c06fbd7d]{flex:1;height:2.25rem!important;min-height:2.25rem;max-height:2.25rem;padding:.5rem .6875rem;box-sizing:border-box;border-radius:.25rem;background:#f3f6fa;font-size:.875rem;line-height:1.25rem;overflow-y:auto}.input-bar__send[data-v-c06fbd7d]{background:#185dff}.input-bar__send--disabled[data-v-c06fbd7d]{background:#b8c5d8}
|