fix layout

ZuodaoTech · Nov 20, 2024 · 1a564b8 · 1a564b8
1 parent 7d4c4ea
commit 1a564b8
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/enjoy/src/renderer/components/messages/assistant-message.tsx b/enjoy/src/renderer/components/messages/assistant-message.tsx
@@ -297,12 +297,12 @@ export const AssistantMessageComponent = (props: {
         <SheetContent
           aria-describedby={undefined}
           side="bottom"
-          className="h-content p-0 flex flex-col"
+          className="h-content p-0 flex flex-col gap-0"
           displayClose={false}
           onPointerDownOutside={(event) => event.preventDefault()}
           onInteractOutside={(event) => event.preventDefault()}
         >
-          <SheetHeader className="flex items-center justify-center">
+          <SheetHeader className="flex items-center justify-center space-y-0 py-1">
             <SheetTitle className="sr-only">{t("shadow")}</SheetTitle>
             <SheetClose>
               <ChevronDownIcon />

diff --git a/enjoy/src/renderer/context/chat-session-provider.tsx b/enjoy/src/renderer/context/chat-session-provider.tsx
@@ -487,7 +487,7 @@ export const ChatSessionProvider = ({
             onPointerDownOutside={(event) => event.preventDefault()}
             onInteractOutside={(event) => event.preventDefault()}
           >
-            <SheetHeader className="flex items-center justify-center">
+            <SheetHeader className="flex items-center justify-center space-y-0 py-1">
               <SheetTitle className="sr-only">Shadow</SheetTitle>
               <SheetDescription className="sr-only"></SheetDescription>
               <SheetClose>

diff --git a/enjoy/src/renderer/context/course-provider.tsx b/enjoy/src/renderer/context/course-provider.tsx
@@ -72,20 +72,20 @@ export const CourseProvider = ({
         >
           <SheetContent
             side="bottom"
-            className="max-h-content p-0 flex flex-col"
+            className="h-content p-0 flex flex-col gap-0"
             displayClose={false}
             onPointerDownOutside={(event) => event.preventDefault()}
             onInteractOutside={(event) => event.preventDefault()}
           >
-            <SheetHeader className="flex items-center justify-center">
+            <SheetHeader className="flex items-center justify-center space-y-0 py-1">
               <SheetTitle className="sr-only">Shadow</SheetTitle>
               <SheetDescription className="sr-only"></SheetDescription>
               <SheetClose>
                 <ChevronDownIcon />
               </SheetClose>
             </SheetHeader>
 
-            <AudioPlayer id={shadowing?.id} />
+            {shadowing && <AudioPlayer id={shadowing.id} />}
           </SheetContent>
         </Sheet>
       </MediaShadowProvider>