timgremore commited on
Commit
4adc7b7
1 Parent(s): a3608c0

feat: Fade-in chunk codes

Browse files
lib/medical_transcription_web/components/transcription_chunk_codings_component.ex CHANGED
@@ -36,7 +36,10 @@ defmodule MedicodeWeb.Components.TranscriptionTextCodingsComponent do
36
 
37
  def tag_result(assigns) do
38
  ~H"""
39
- <div class="flex items-center gap-4 px-[14px] py-3 text-sm">
 
 
 
40
  <div class="flex gap-3">
41
  <.feedback_button
42
  chunk_id={@chunk_id}
 
36
 
37
  def tag_result(assigns) do
38
  ~H"""
39
+ <div
40
+ phx-mounted={JS.transition({"ease-out", "opacity-0", "opacity-100"})}
41
+ class="ease-out duration-300 opacity-0 transition-all flex items-center gap-4 px-[14px] py-3 text-sm"
42
+ >
43
  <div class="flex gap-3">
44
  <.feedback_button
45
  chunk_id={@chunk_id}