From 4b4ca4e50b78ae10c7d1457ef626dad5f4f6de22 Mon Sep 17 00:00:00 2001
From: an-lee <an.lee.work@gmail.com>
Date: Wed, 3 Jul 2024 13:34:53 +0800
Subject: [PATCH] fix style

---
 .../src/renderer/components/medias/media-loading-modal.tsx | 7 ++++---
 .../medias/media-transcription-generate-button.tsx         | 2 +-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/enjoy/src/renderer/components/medias/media-loading-modal.tsx b/enjoy/src/renderer/components/medias/media-loading-modal.tsx
index b64ddcb6..8a98dca0 100644
--- a/enjoy/src/renderer/components/medias/media-loading-modal.tsx
+++ b/enjoy/src/renderer/components/medias/media-loading-modal.tsx
@@ -1,7 +1,6 @@
 import { useContext } from "react";
 import {
   MediaPlayerProviderContext,
-  AISettingsProviderContext,
 } from "@renderer/context";
 import {
   AlertDialog,
@@ -27,13 +26,14 @@ export const MediaLoadingModal = () => {
     transcription,
     transcribing,
     transcribingProgress,
+    transcribingOutput,
     generateTranscription,
   } = useContext(MediaPlayerProviderContext);
 
   return (
     <AlertDialog open={!decoded || !Boolean(transcription?.result?.timeline)}>
-      <AlertDialogOverlay className="" />
-      <AlertDialogContent className="">
+      <AlertDialogOverlay />
+      <AlertDialogContent className="max-h-[70%] overflow-y-auto">
         <AlertDialogHeader>
           <AlertDialogTitle>{t("preparingAudio")}</AlertDialogTitle>
           <AlertDialogDescription>
@@ -60,6 +60,7 @@ export const MediaLoadingModal = () => {
               onCancel={() => navigate(-1)}
               transcribing={transcribing}
               transcribingProgress={transcribingProgress}
+              transcribingOutput={transcribingOutput}
             />
           )
         ) : (
diff --git a/enjoy/src/renderer/components/medias/media-transcription-generate-button.tsx b/enjoy/src/renderer/components/medias/media-transcription-generate-button.tsx
index 7c3bd3e6..7dd386ba 100644
--- a/enjoy/src/renderer/components/medias/media-transcription-generate-button.tsx
+++ b/enjoy/src/renderer/components/medias/media-transcription-generate-button.tsx
@@ -47,7 +47,7 @@ export const MediaTranscriptionGenerateButton = (props: {
           </Button>
         )}
       </AlertDialogTrigger>
-      <AlertDialogContent>
+      <AlertDialogContent className="max-h-[70%] overflow-y-auto">
         <AlertDialogHeader>
           <AlertDialogTitle>{t("transcribe")}</AlertDialogTitle>
           <AlertDialogDescription>