Add voxtelesys_integration/public/css/voxtelesys_call_popup.css

This commit is contained in:
Zac Gaetano 2026-05-11 08:08:34 -04:00
parent 1dad615065
commit babc12e6c1

View file

@ -0,0 +1,20 @@
/* Voxtelesys Call Popup & Call Bar styles */
.vtx-incoming-call { display:flex; flex-direction:column; align-items:center; padding:20px 10px; gap:8px; }
.vtx-phone-icon { font-size:48px; animation:vtx-ring 0.5s infinite alternate; }
@keyframes vtx-ring { from{transform:rotate(-15deg);} to{transform:rotate(15deg);} }
.vtx-caller { font-size:22px; font-weight:600; color:var(--text-color,#1f272e); }
.vtx-call-time { font-size:13px; color:var(--text-muted,#8d99a6); }
.vtx-blink { animation:vtx-blink 1s step-start infinite; }
@keyframes vtx-blink { 50%{opacity:0;} }
#vtx-call-bar {
position:fixed; bottom:0; left:0; right:0; z-index:9999;
background:var(--navbar-bg,#1f272e); color:#fff;
padding:8px 20px; box-shadow:0 -2px 8px rgba(0,0,0,.25);
}
.vtx-call-bar-inner { display:flex; align-items:center; gap:12px; max-width:900px; margin:0 auto; }
.vtx-call-direction { font-size:18px; }
.vtx-call-number { font-weight:600; font-size:14px; flex:1; }
.vtx-call-status { font-size:13px; color:#a0c4ff; }
.vtx-call-bar-inner .vtx-open-log-btn { background:transparent; border:1px solid rgba(255,255,255,.4); color:#fff; }
.vtx-call-bar-inner .vtx-open-log-btn:hover { background:rgba(255,255,255,.1); }
.vtx-call-bar-inner .vtx-hangup-btn { min-width:80px; }