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

prevent overflow, smaller fonts

Browse Source
This commit is contained in:
Sara
2023-10-04 15:30:19 +02:00
parent 0cd8958bf1
commit 12ad721c1f
6 changed files with 43 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
www/app/transcripts/[transcriptId]/page.tsx
View File

@@ -35,7 +35,12 @@ export default function TranscriptDetails(details: TranscriptDetails) {
);
}
const fullTranscript = topics.topics?.map(topic => topic.transcript).join('\n\n').replace(/ +/g, ' ').trim() || '';
const fullTranscript =
topics.topics
?.map((topic) => topic.transcript)
.join("\n\n")
.replace(/ +/g, " ")
.trim() || "";
return (
<>
@@ -58,10 +63,13 @@ export default function TranscriptDetails(details: TranscriptDetails) {
useActiveTopic={useActiveTopic}
autoscroll={false}
/>
<div className="w-full h-full grid grid-rows-layout-one gap-2 lg:gap-4">
<div className="w-full h-full grid grid-rows-layout-one grid-cols-1 gap-2 lg:gap-4">
<section className=" bg-blue-400/20 rounded-lg md:rounded-xl p-2 md:px-4 h-full">
{transcript?.response?.longSummary && (
<FinalSummary fullTranscript={fullTranscript} summary={transcript?.response?.longSummary} />
<FinalSummary
fullTranscript={fullTranscript}
summary={transcript?.response?.longSummary}
/>
)}
</section>
@@ -73,7 +81,7 @@ export default function TranscriptDetails(details: TranscriptDetails) {
size={98}
/>
</div>
<div className="flex-grow">
<div className="flex-grow max-w-full">
<ShareLink />
</div>
</section>