UNPKG

@kmhgmbh/dialer-vue-components

Version:

VueJS components for telephony and dialer functions

2 lines (1 loc) 2.21 kB
.agent-status-container[data-v-22dbaefd]{width:max-content}.onCall[data-v-22dbaefd]{background-color:#21c400}.onConnected[data-v-22dbaefd]{background-color:"yellow"}.onDisconnected[data-v-22dbaefd]{background-color:"red"}.v-text-field input[data-v-22dbaefd]{font-size:13px}.v-btn__content span[data-v-22dbaefd]{font-size:20px}.call-status[data-v-22dbaefd]{border-radius:100px;width:15px;height:15px;border:solid 1px white;padding-left:5px}.pause-container[data-v-ee17ac16]{cursor:pointer}.call-controller{gap:5px}.call-info{width:150px;font-size:13px}.call-input{width:150px;height:50px;display:contents;border-radius:5px}.onConnected{background-color:"yellow"}.onDisconnected{background-color:"red"}.v-text-field input{font-size:14px}.v-btn__content span{font-size:20px}@keyframes tilt-shaking{0%{transform:rotate(0)}25%{transform:rotate(3deg)}50%{transform:rotate(0)}75%{transform:rotate(-3deg)}to{transform:rotate(0)}}.call-status{border-radius:100px;width:15px;height:15px;border:solid 1px white}.on-call-phone-number{width:180px}.on-call-phone-number .mdi-cellphone-sound{animation:tilt-shaking .3s infinite;animation-iteration-count:15}.snackbar .v-overlay__content{border-left:8px solid rgba(255,255,255,.2);opacity:.97}.snackbar .toast-icon,.snackbar .toast-text{color:#fffc!important}.snackbar.type-error .v-overlay__content{background-color:rgb(var(--v-theme-error))!important}.onCall{background-color:#21c400}.onConnected{background-color:#ff0;border:solid 1px white}.onDisconnected{background-color:red}.inbound-section[data-v-dbc46a7b],.outbound-section[data-v-dbc46a7b],.pause-section[data-v-dbc46a7b],.callback-section[data-v-dbc46a7b]{background:rgb(var(--v-theme-background));border:1px solid rgb(var(--v-theme-background3));min-width:430px;width:32%}@media only screen and (max-width: 1355px){.section-container[data-v-dbc46a7b]{justify-content:space-between}.inbound-section[data-v-dbc46a7b],.outbound-section[data-v-dbc46a7b],.pause-section[data-v-dbc46a7b],.callback-section[data-v-dbc46a7b]{width:48%}}@media only screen and (max-width: 900px){.inbound-section[data-v-dbc46a7b],.outbound-section[data-v-dbc46a7b],.pause-section[data-v-dbc46a7b],.callback-section[data-v-dbc46a7b]{width:100%}}