chore: set container max width for chat message and new hub screen (#…

…3213)
janhq · Jul 29, 2024 · 007daa7 · 007daa7
1 parent 101268f
commit 007daa7
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/web/screens/HubScreen2/index.tsx b/web/screens/HubScreen2/index.tsx
@@ -70,7 +70,7 @@ const HubScreen2: React.FC = () => {
  {query.length > 0 ? (
  <HubScreenFilter queryText={query} />
  ) : (
- <Fragment>
+ <div className="mx-auto max-w-6xl">
  <Slider />
  <div data-testid="hub-search-bar" className="mx-4 px-4 md:px-12">
  <Filter
@@ -102,7 +102,7 @@ const HubScreen2: React.FC = () => {
  />
  ))}
  </div>
- </Fragment>
+ </div>
  )}
  </ScrollArea>
  </CenterPanelContainer>

diff --git a/web/screens/Thread/ThreadCenterPanel/SimpleTextMessage/index.tsx b/web/screens/Thread/ThreadCenterPanel/SimpleTextMessage/index.tsx
@@ -160,7 +160,7 @@ const SimpleTextMessage: React.FC<Props> = ({ isLatestMessage, msg }) => {
  }, [msg.content])
 
  return (
- <div className="group relative mx-auto p-4">
+ <div className="group relative mx-auto max-w-[700px] p-4">
  <div
  className={twMerge(
  'mb-2 flex items-center justify-start gap-x-2',