| 12 |
- .emoji-row[data-v-bd281625]{display:flex}.emoji[data-v-bd281625]{padding:4px;cursor:pointer;margin:2px}.tools[data-v-53566e0d]{display:flex;align-items:center;justify-content:center;gap:10px}.tool-btn[data-v-53566e0d]{width:40px;height:40px;border:none;background:none;cursor:pointer}.emoji-picker[data-v-53566e0d]{position:absolute;bottom:50px;left:50%;transform:translate(-50%);z-index:100}.header[data-v-06460b32]{display:flex;align-items:center;justify-content:space-between;padding:.3125rem .625rem;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);position:fixed;top:40px;left:0;right:0;z-index:1}.back-button[data-v-06460b32]{width:1.25rem;height:1.25rem}.back-button uni-image[data-v-06460b32]{width:100%;height:100%}.title[data-v-06460b32]{font-size:1.125rem;font-weight:700;margin:0 auto}.page[data-v-06460b32]{display:flex;flex-direction:column;min-height:100vh}.message-area[data-v-06460b32]{flex:1;overflow-y:auto;padding:40px 20px 110px}.message[data-v-06460b32]{display:flex;margin:10px 0}.me[data-v-06460b32]{justify-content:flex-end}.other[data-v-06460b32]{justify-content:flex-start}.avatar[data-v-06460b32]{border-radius:20%;margin-top:.5625rem}.other-avatar[data-v-06460b32]{margin-right:.3125rem}.me-avatar[data-v-06460b32]{margin-left:.3125rem}.avatar uni-image[data-v-06460b32]{width:2.5rem;height:2.5rem;border-radius:.375rem;border:.0625rem solid #abb0b6;object-fit:cover}.username-time[data-v-06460b32]{display:flex;flex-direction:column;align-items:flex-start;top:.46875rem}.username-time-p[data-v-06460b32]{display:flex;flex-direction:row;align-items:flex-start;gap:.46875rem;margin-left:.3125rem;margin-bottom:.0625rem}.me .username-time-p[data-v-06460b32]{margin-right:.3125rem}.me .username-time[data-v-06460b32]{align-items:flex-end}.username[data-v-06460b32]{font-size:.75rem;font-weight:700;color:#666}.time[data-v-06460b32]{font-size:.625rem;color:#999}.message-content[data-v-06460b32]{background-color:#e0e0e0;padding:10px;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.1);margin:0 10px;position:relative;max-width:75%;word-wrap:break-word}.me .message-content[data-v-06460b32]{background-color:#64b5f6;color:#fff}.message-content[data-v-06460b32]:before{content:"";position:absolute;width:0;height:0;border-style:solid}.me .message-content[data-v-06460b32]:before{left:100%;margin-left:-.03125rem;border-width:.375rem 0 .375rem .375rem;border-color:transparent transparent transparent #64B5F6;top:.46875rem;margin-bottom:-5px}.other .message-content[data-v-06460b32]:before{right:100%;margin-right:-.03125rem;border-width:.375rem .375rem .375rem 0;border-color:transparent #E0E0E0 transparent transparent;top:.46875rem;margin-bottom:-5px}.footer[data-v-06460b32]{display:flex;align-items:center;justify-content:space-between;padding:10px;background-color:#f8f8f8;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px rgba(0,0,0,.1);z-index:2}.input-wrap[data-v-06460b32]{flex:1}.send-button[data-v-06460b32]{margin-left:10px}.tools-wrap[data-v-06460b32]{display:flex;align-items:center}.tools-wrap uni-image[data-v-06460b32]{width:24px;height:24px;margin:0 8px}
|
