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