2 lines
3.0 KiB
CSS
2 lines
3.0 KiB
CSS
.video-call-container[data-v-dcdfee56]{height:100vh;display:flex;flex-direction:column;background:#000}.header[data-v-dcdfee56]{padding:1.25rem 1.25rem 1.25rem .75rem;padding-top:calc(1.25rem + constant(safe-area-inset-top));padding-top:calc(1.25rem + env(safe-area-inset-top));background:rgba(0,0,0,.8);display:flex;justify-content:space-between;align-items:center;position:relative;z-index:10}.caller-name[data-v-dcdfee56]{font-size:1rem;font-weight:700;color:#fff}.call-duration[data-v-dcdfee56]{font-size:.875rem;color:#4caf50;font-family:monospace}.video-section[data-v-dcdfee56]{flex:1;position:relative;background:#000;overflow:hidden;z-index:1}.video-player[data-v-dcdfee56]{width:100%;height:100%;position:relative;z-index:1;pointer-events:none}.video-loading[data-v-dcdfee56]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.7);padding:.9375rem 1.5625rem;border-radius:.625rem;color:#fff;font-size:.875rem;z-index:20;pointer-events:auto}.speaking-indicator[data-v-dcdfee56]{position:absolute;top:.625rem;right:.625rem;background:rgba(76,175,80,.9);padding:.5rem 1rem;border-radius:1.25rem;box-shadow:0 .125rem .375rem rgba(0,0,0,.3);z-index:20;pointer-events:auto}.pulse[data-v-dcdfee56]{color:#fff;font-size:.75rem;font-weight:700;animation:pulse-dcdfee56 1s infinite}@keyframes pulse-dcdfee56{0%,to{opacity:1}50%{opacity:.5}}.chat-history[data-v-dcdfee56]{height:9.375rem;background:rgba(255,255,255,.95);padding:.625rem .625rem .625rem .3125rem;position:relative;z-index:10}.empty-hint[data-v-dcdfee56]{text-align:center;padding:1.875rem 0;color:#999;font-size:.875rem}.message[data-v-dcdfee56]{display:flex;margin-bottom:.625rem;animation:slideIn-dcdfee56 .3s ease}@keyframes slideIn-dcdfee56{0%{opacity:0;transform:translateY(.625rem)}to{opacity:1;transform:translateY(0)}}.user-message[data-v-dcdfee56]{flex-direction:row-reverse}.message-avatar[data-v-dcdfee56]{font-size:1.25rem;margin:0 .5rem}.message-content[data-v-dcdfee56]{max-width:70%;padding:.625rem;border-radius:.5rem;background:#e3f2fd}.user-message .message-content[data-v-dcdfee56]{background:#c8e6c9}.message-text[data-v-dcdfee56]{font-size:.875rem;color:#333;display:block;margin-bottom:.25rem;line-height:1.5}.message-time[data-v-dcdfee56]{font-size:.6875rem;color:#999}.controls[data-v-dcdfee56]{padding:.9375rem .9375rem .9375rem .4375rem;background:rgba(0,0,0,.8);position:relative;z-index:10}.control-row[data-v-dcdfee56]{margin-bottom:.625rem}.control-row[data-v-dcdfee56]:last-child{margin-bottom:0}.talk-btn[data-v-dcdfee56]{width:100%;padding:1rem;background:#4caf50;color:#fff;border:none;border-radius:1.5625rem;font-size:1rem;font-weight:700;box-shadow:0 .25rem .5rem rgba(76,175,80,.3)}.talk-btn.recording[data-v-dcdfee56]{background:#f44336;animation:pulse-dcdfee56 1s infinite}.talk-btn.processing[data-v-dcdfee56]{background:#999}.talk-btn[disabled][data-v-dcdfee56]{opacity:.6}.hangup-btn[data-v-dcdfee56]{width:100%;padding:1rem;background:#f44336;color:#fff;border:none;border-radius:1.5625rem;font-size:1rem;font-weight:700;box-shadow:0 .25rem .5rem rgba(244,67,54,.3)}
|