fix(ui): chat question*answer margin left

TabbyML · May 28, 2024 · fae654a · fae654a
1 parent 8f64753
commit fae654a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/ee/tabby-ui/components/chat/chat-panel.tsx b/ee/tabby-ui/components/chat/chat-panel.tsx
@@ -38,7 +38,7 @@ export function ChatPanel({
   return (
     <div className={className}>
       <ButtonScrollToBottom container={container} />
-      <div className={`mx-auto ${chatMaxWidthClass}`}>
+      <div className={`md:px-4 mx-auto ${chatMaxWidthClass}`}>
         <div className="flex h-10 items-center justify-center gap-2">
           {isLoading ? (
             <Button

diff --git a/ee/tabby-ui/components/chat/question-answer.tsx b/ee/tabby-ui/components/chat/question-answer.tsx
@@ -104,7 +104,7 @@ function UserMessageCard(props: { message: UserMessage }) {
 
   return (
     <div
-      className={cn('group relative mb-4 flex items-start md:-ml-12')}
+      className={cn('group relative mb-4 flex items-start md:-ml-4')}
       {...props}
     >
       <div className="shrink-0 select-none rounded-full border bg-background shadow">
@@ -178,7 +178,7 @@ function AssistantMessageCard(props: AssistantMessageCardProps) {
 
   return (
     <div
-      className={cn('group relative mb-4 flex items-start md:-ml-12')}
+      className={cn('group relative mb-4 flex items-start md:-ml-4')}
       {...rest}
     >
       <div className="shrink-0 select-none rounded-full border bg-background shadow">