feat: enhance transcription features with global indicators and improved UI elements

This commit is contained in:
Alex Lion
2026-04-29 18:37:14 +02:00
parent 20abccf384
commit 30d2b05336
4 changed files with 100 additions and 35 deletions

View File

@@ -256,7 +256,19 @@
</button>
</div>
<div class={"fixed w-full " <> if @state.message_reaction_enabled, do: "bottom-12", else: "bottom-3"}>
<div class={"fixed z-30 w-full " <> if @state.message_reaction_enabled, do: "bottom-12", else: "bottom-3"}>
<div
:if={
@transcription_config && @transcription_config.enabled &&
@transcription_config.visibility in ["both", "attendee"] && @transcription_text != ""
}
class="w-full lg:w-1/3 lg:mx-auto px-5 mb-2"
>
<div class="bg-black/80 rounded-lg px-4 py-2 text-center">
<p class="text-sm text-white font-medium">{@transcription_text}</p>
</div>
</div>
<%= if @state.chat_enabled do %>
<%= if !@state.anonymous_chat_enabled && (@nickname && @nickname == "") do %>
<.form
@@ -414,18 +426,6 @@
<img class="h-6" src="/images/icons/raisehand.svg" />
</a>
</div>
<!-- TRANSCRIPTION SUBTITLES -->
<div
:if={
@transcription_config && @transcription_config.enabled &&
@transcription_config.visibility in ["both", "attendee"] && @transcription_text != ""
}
class="fixed bottom-14 left-1/2 transform -translate-x-1/2 max-w-lg w-full px-4 z-20"
>
<div class="bg-black/80 rounded-lg px-4 py-2 text-center">
<p class="text-sm text-white font-medium">{@transcription_text}</p>
</div>
</div>
</div>
<% else %>
<div class="w-full">