2 lines
1.6 KiB
CSS
2 lines
1.6 KiB
CSS
.call-dialog[data-v-6baeba6a] .el-dialog{background:transparent;box-shadow:none;padding:0;margin:0;border-radius:0;height:70vh;width:100%;max-width:none;display:flex;align-items:center;justify-content:center}.call-dialog[data-v-6baeba6a] .el-dialog__body{padding:0;height:100%}.call-wrapper[data-v-6baeba6a]{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:70vh;width:100%;background:linear-gradient(180deg,#0f2027,#203a43,#2c5364);color:#fff;box-sizing:border-box;padding:80px 0;position:relative}.avatar-section[data-v-6baeba6a]{display:flex;flex-direction:column;align-items:center}.avatar[data-v-6baeba6a]{width:180px;height:180px;border-radius:50%;border:6px solid rgba(255,255,255,.25);box-shadow:0 0 40px #0006;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.avatar[data-v-6baeba6a]:hover{transform:scale(1.05)}.user-name[data-v-6baeba6a]{margin-top:24px;font-size:26px;font-weight:600;color:#fff}.status-text[data-v-6baeba6a]{margin-top:12px;font-size:18px;opacity:.8}.control-section[data-v-6baeba6a]{display:flex;justify-content:center;align-items:center;gap:80px}.control-btn[data-v-6baeba6a]{width:160px;height:60px;font-size:18px;font-weight:500;letter-spacing:1px;transition:all .3s ease}.control-btn[data-v-6baeba6a]:hover{transform:scale(1.05)}.control-btn.accept[data-v-6baeba6a]{background:linear-gradient(135deg,#00c853,#4caf50);color:#fff;border:none}.control-btn.hangup[data-v-6baeba6a]{background:linear-gradient(135deg,#ff1744,#d50000);color:#fff;border:none}.control-btn.call[data-v-6baeba6a]{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border:none}
|