dsrptlab/clientsflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(chat-ui): align voice cards by message direction

Browse Source
This commit is contained in:
Ruslan Bakiev
2026-02-23 12:52:33 +07:00
parent 894210cd42
commit a19ba07baa
1 changed files with 13 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
frontend/app/components/workspace/CrmWorkspaceApp.vue
View File

@@ -4979,17 +4979,26 @@ async function decideFeedCard(card: FeedCard, decision: "accepted" | "rejected")
</div> </div>
</div> </div>
<div v-else-if="entry.kind === 'call'" class="flex justify-center">
<div <div
class="call-wave-card w-full max-w-[460px] rounded-2xl border border-base-300 px-4 py-3 text-center" v-else-if="entry.kind === 'call'"
:class="isReviewHighlightedMessage(entry.item.id) ? 'border-success/60 bg-success/10 ring-2 ring-success/40' : ''" class="flex"
:class="entry.item.direction === 'out' ? 'justify-end' : 'justify-start'"
>
<div
class="call-wave-card w-full max-w-[460px] rounded-2xl border border-base-300 px-4 py-3"
:class="[
entry.item.direction === 'out' ? 'bg-base-200' : 'bg-base-100',
isReviewHighlightedMessage(entry.item.id) ? 'border-success/60 bg-success/10 ring-2 ring-success/40' : '',
]"
> >
<p class="mb-2 text-xs text-base-content/65"> <p class="mb-2 text-xs text-base-content/65">
<span class="font-semibold">{{ entry.item.direction === "out" ? "You" : selectedCommThread?.contact || "Contact" }}</span>
<span class="mx-1">·</span>
{{ formatDay(entry.item.at) }} · {{ formatTime(entry.item.at) }} {{ formatDay(entry.item.at) }} · {{ formatTime(entry.item.at) }}
<span v-if="entry.item.duration"> · {{ entry.item.duration }}</span> <span v-if="entry.item.duration"> · {{ entry.item.duration }}</span>
</p> </p>
<div class="comm-call-wave mb-2" :ref="(el) => setCommCallWaveHost(entry.item.id, el as Element | null)" /> <div class="comm-call-wave mb-2" :ref="(el) => setCommCallWaveHost(entry.item.id, el as Element | null)" />
<div class="mt-2 flex justify-center"> <div class="mt-2 flex" :class="entry.item.direction === 'out' ? 'justify-end' : 'justify-start'">
<button class="call-transcript-toggle" @click="toggleCallTranscript(entry.item)"> <button class="call-transcript-toggle" @click="toggleCallTranscript(entry.item)">
<span> <span>
{{ {{