style: align buttons

fixes #65
This commit is contained in:
Jing Hua 2023-04-10 23:58:57 +08:00
parent c8f77bd23a
commit 04ef5efc24

View file

@ -33,6 +33,7 @@ const ChatContent = () => {
: 0
);
const generating = useStore.getState().generating;
const hideSideMenu = useStore((state) => state.hideSideMenu);
const saveRef = useRef<HTMLDivElement>(null);
@ -92,13 +93,19 @@ const ChatContent = () => {
</div>
</div>
)}
<div className='mt-4 flex gap-4 flex-wrap justify-center'>
<div
className={`mt-4 w-full m-auto ${
hideSideMenu
? 'md:max-w-5xl lg:max-w-5xl xl:max-w-6xl'
: 'md:max-w-3xl lg:max-w-3xl xl:max-w-4xl'
}`}
>
{useStore.getState().generating || (
<>
<div className='md:w-[calc(100%-50px)] flex gap-4 flex-wrap justify-center'>
<DownloadChat saveRef={saveRef} />
<ShareGPT />
<CloneChat />
</>
</div>
)}
</div>
<div className='w-full h-36'></div>