Merge branch 'sara/language-picker' of https://github.com/Monadical-SAS/reflector into sara/language-picker

This commit is contained in:
Koper
2023-10-15 18:10:08 +01:00

View File

@@ -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>
)}