test/crm
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: added blink animation

Browse Source
This commit is contained in:
Shariq Ansari 2025-01-16 13:53:37 +05:30
parent 0362f5e270
commit d5a373b107
1 changed files with 19 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/src/components/Telephony/ExotelCallUI.vue
View File

@ -37,7 +37,7 @@
</span> </span>
<span <span
v-else-if="callStatus == 'Call Ended' || callStatus == 'No Answer'" v-else-if="callStatus == 'Call Ended' || callStatus == 'No Answer'"
class="font-normal text-ink-gray-4" class="font-normal text-ink-gray-4 blink"
:class="{ :class="{
'text-red-700': 'text-red-700':
callStatus == 'Call Ended' || callStatus == 'No Answer', callStatus == 'Call Ended' || callStatus == 'No Answer',
@ -64,6 +64,7 @@
</div> </div>
<div <div
v-else-if="callStatus == 'Call Ended' || callStatus == 'No Answer'" v-else-if="callStatus == 'Call Ended' || callStatus == 'No Answer'"
class="blink"
:class="{ :class="{
'text-red-700': 'text-red-700':
callStatus == 'Call Ended' || callStatus == 'No Answer', callStatus == 'Call Ended' || callStatus == 'No Answer',
@ -327,3 +328,20 @@ function updateStatus(data) {
defineExpose({ makeOutgoingCall, setup }) defineExpose({ makeOutgoingCall, setup })
</script> </script>
<style scoped>
@keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.blink {
animation: blink 1s ease-in-out 6;
}
</style>