From 15610ca262abeeec326e258506da89a9347e2e7a Mon Sep 17 00:00:00 2001
From: Sara <sara@monadical.com>
Date: Sun, 15 Oct 2023 19:06:49 +0200
Subject: [PATCH] fixed transcript text dislay

---
 www/app/transcripts/liveTranscription.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/www/app/transcripts/liveTranscription.tsx b/www/app/transcripts/liveTranscription.tsx
index 12610415..6ccd327d 100644
--- a/www/app/transcripts/liveTranscription.tsx
+++ b/www/app/transcripts/liveTranscription.tsx
@@ -6,9 +6,15 @@ type LiveTranscriptionProps = {
 export default function LiveTrancription(props: LiveTranscriptionProps) {
   return (
     <div className="text-center p-4">
-      <p className="text-lg md:text-xl font-bold line-clamp-4">{props.text}</p>
+      <p
+        className={`text-lg md:text-xl lg:text-2xl font-bold ${
+          props.translateText ? "line-clamp-2 lg:line-clamp-5" : "line-clamp-4"
+        }`}
+      >
+        {props.text}
+      </p>
       {props.translateText && (
-        <p className="text-base md:text-lg font-bold line-clamp-4 mt-4">
+        <p className="text-base md:text-lg lg:text-xl font-bold line-clamp-2 lg:line-clamp-4 mt-4">
           {props.translateText}
         </p>
       )}