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

style: audio tag styling

Browse Source
This commit is contained in:
Shariq Ansari 2024-05-02 14:48:27 +05:30
parent d9a2d7098a
commit cf3a556cd0
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/components/Modals/CallLogModal.vue
View File

@ -42,8 +42,8 @@
<Tooltip v-else-if="field.tooltip" :text="field.tooltip"> <Tooltip v-else-if="field.tooltip" :text="field.tooltip">
{{ field.value }} {{ field.value }}
</Tooltip> </Tooltip>
<div v-else-if="field.name == 'recording_url'"> <div class="w-full" v-else-if="field.name == 'recording_url'">
<audio class="audio-control" controls :src="field.value"></audio> <audio class="audio-control w-full" controls :src="field.value"></audio>
</div> </div>
<div v-else :class="field.color ? `text-${field.color}-600` : ''"> <div v-else :class="field.color ? `text-${field.color}-600` : ''">
{{ field.value }} {{ field.value }}
@ -140,8 +140,8 @@ const detailFields = computed(() => {
}, },
{ {
icon: h(FeatherIcon, { icon: h(FeatherIcon, {
name: 'play', name: 'play-circle',
class: 'h-3.5 w-3.5', class: 'h-4 w-4',
}), }),
name: 'recording_url', name: 'recording_url',
value: props.callLog.recording_url, value: props.callLog.recording_url,
@ -175,8 +175,12 @@ async function updateNote(_note) {
height: 40px; height: 40px;
outline: none; outline: none;
border-radius: 10px; border-radius: 10px;
border: 1px solid gray;
cursor: pointer; cursor: pointer;
background-color: rgb(237, 237, 237);
}
audio::-webkit-media-controls-panel {
background-color: rgb(237, 237, 237) !important;
} }
.audio-control::-webkit-media-controls-panel { .audio-control::-webkit-media-controls-panel {