alex/nova-betterchat
1
0
Fork 0
mirror of https://github.com/NovaOSS/nova-betterchat.git synced 2024-11-25 22:43:59 +01:00
Code Issues Packages Projects Releases Wiki Activity

style: align buttons

Browse source 
fixes #65
This commit is contained in:
Jing Hua 2023-04-10 23:58:57 +08:00
parent c8f77bd23a
commit 04ef5efc24
1 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/components/Chat/ChatContent/ChatContent.tsx
View file

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