Add voxtelesys_integration/public/css/voxtelesys_call_popup.css
This commit is contained in:
parent
1dad615065
commit
babc12e6c1
1 changed files with 20 additions and 0 deletions
20
voxtelesys_integration/public/css/voxtelesys_call_popup.css
Normal file
20
voxtelesys_integration/public/css/voxtelesys_call_popup.css
Normal 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; }
|
||||||
Loading…
Reference in a new issue