selfhostyourtech/reflector
2
0
Fork 0
mirror of https://github.com/Monadical-SAS/reflector.git synced 2025-12-21 04:39:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Koper
2023-10-15 18:10:08 +01:00
parent 29a8b9e1b7 15610ca262
commit 0e8fa7df14
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
www/app/transcripts/liveTranscription.tsx
View File

@@ -6,9 +6,15 @@ type LiveTranscriptionProps = {
export default function LiveTrancription(props: LiveTranscriptionProps) { export default function LiveTrancription(props: LiveTranscriptionProps) {
return ( return (
<div className="text-center p-4"> <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 && ( {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} {props.translateText}
</p> </p>
)} )}