fix(ui): prompt panel style

TabbyML · May 29, 2024 · cd3d0e4 · cd3d0e4
1 parent 9a2fd8d
commit cd3d0e4
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/ee/tabby-ui/app/playground/components/chats.tsx b/ee/tabby-ui/app/playground/components/chats.tsx
@@ -169,6 +169,7 @@ export default function Chats() {
                     }
                   })) as typeof fetch
               }
+              promptFormClassname='absolute'
             />
           </div>
         </ScrollArea>

diff --git a/ee/tabby-ui/components/chat/chat.tsx b/ee/tabby-ui/components/chat/chat.tsx
@@ -115,6 +115,7 @@ interface ChatProps extends React.ComponentProps<'div'> {
   generateRelevantQuestions?: boolean
   maxWidth?: string
   welcomeMessage?: string
+  promptFormClassname?: string
 }
 
 function ChatRenderer(
@@ -132,7 +133,8 @@ function ChatRenderer(
     docQuery,
     generateRelevantQuestions,
     maxWidth,
-    welcomeMessage
+    welcomeMessage,
+    promptFormClassname
   }: ChatProps,
   ref: React.ForwardedRef<ChatRef>
 ) {
@@ -365,7 +367,8 @@ function ChatRenderer(
   }, [])
 
   const chatMaxWidthClass = maxWidth ? `max-w-${maxWidth}` : 'max-w-2xl'
-  if (!initialized) return <ListSkeleton />
+  if (!initialized) return <ListSkeleton className={`${chatMaxWidthClass} mx-auto pt-4 md:pt-10`} />
+
   return (
     <ChatContext.Provider
       value={{
@@ -396,7 +399,7 @@ function ChatRenderer(
           </div>
           <ChatPanel
             onSubmit={handleSubmit}
-            className="fixed inset-x-0 bottom-0"
+            className={cn('fixed inset-x-0 bottom-0', promptFormClassname)}
             id={chatId}
             stop={onStop}
             reload={onReload}
-Original file line number
+Diff line change
@@ Expand Up / @@ -169,6 +169,7 @@ export default function Chats() { @@
                         }
                       })) as typeof fetch
                   }
+                  promptFormClassname='absolute'
                 />
               </div>
             </ScrollArea>
@@ Expand Down @@