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

This commit is contained in:
Faisal Amir 2024-07-29 13:32:01 +07:00 committed by GitHub
parent 101268f6f3
commit 007daa7161
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 3 additions and 3 deletions

View File

@ -70,7 +70,7 @@ const HubScreen2: React.FC = () => {
{query.length > 0 ? ( {query.length > 0 ? (
<HubScreenFilter queryText={query} /> <HubScreenFilter queryText={query} />
) : ( ) : (
<Fragment> <div className="mx-auto max-w-6xl">
<Slider /> <Slider />
<div data-testid="hub-search-bar" className="mx-4 px-4 md:px-12"> <div data-testid="hub-search-bar" className="mx-4 px-4 md:px-12">
<Filter <Filter
@ -102,7 +102,7 @@ const HubScreen2: React.FC = () => {
/> />
))} ))}
</div> </div>
</Fragment> </div>
)} )}
</ScrollArea> </ScrollArea>
</CenterPanelContainer> </CenterPanelContainer>

View File

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