KeyArgo
/
llama-gpt
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix sidebar arrow showing

This commit is contained in:
Mckay Wrigley 2023-03-25 06:24:07 -06:00
parent 291e2d9852
commit 1e6531354d
1 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
pages/index.tsx
View File

@ -477,7 +477,7 @@ export default function Home() {
/> />
</div> </div>
<article className="flex h-full w-full pt-[48px] sm:pt-0"> <div className="flex h-full w-full pt-[48px] sm:pt-0">
{showSidebar ? ( {showSidebar ? (
<div> <div>
<Sidebar <Sidebar
@ -503,15 +503,18 @@ export default function Home() {
/> />
<IconArrowBarLeft <IconArrowBarLeft
className="z-50 fixed top-5 left-[270px] sm:top-1 sm:left-4 sm:text-neutral-700 dark:text-white cursor-pointer hover:text-gray-400 dark:hover:text-gray-300 h-7 w-7 sm:h-8 sm:w-8 sm:hidden" className="z-50 fixed top-5 left-[270px] sm:top-0.5 sm:left-[270px] sm:text-neutral-700 dark:text-white cursor-pointer hover:text-gray-400 dark:hover:text-gray-300 h-7 w-7 sm:h-8 sm:w-8"
onClick={() => setShowSidebar(!showSidebar)} onClick={() => setShowSidebar(!showSidebar)}
/> />
{/* Sidebar Background for closing on click outside of it. */}
<div onClick={() => setShowSidebar(!showSidebar)} className="sm:hidden bg-black opacity-70 z-10 absolute top-0 left-0 h-full w-full"></div> <div
onClick={() => setShowSidebar(!showSidebar)}
className="sm:hidden bg-black opacity-70 z-10 absolute top-0 left-0 h-full w-full"
></div>
</div> </div>
) : ( ) : (
<IconArrowBarRight <IconArrowBarRight
className="fixed text-white z-50 top-2.5 left-4 sm:top-1.5 sm:left-4 sm:text-neutral-700 dark:text-white cursor-pointer hover:text-gray-400 dark:hover:text-gray-300 h-7 w-7 sm:h-8 sm:w-8" className="fixed text-white z-50 top-2.5 left-4 sm:top-0.5 sm:left-4 sm:text-neutral-700 dark:text-white cursor-pointer hover:text-gray-400 dark:hover:text-gray-300 h-7 w-7 sm:h-8 sm:w-8"
onClick={() => setShowSidebar(!showSidebar)} onClick={() => setShowSidebar(!showSidebar)}
/> />
)} )}
@ -534,7 +537,7 @@ export default function Home() {
onRegenerate={handleRegenerate} onRegenerate={handleRegenerate}
stopConversationRef={stopConversationRef} stopConversationRef={stopConversationRef}
/> />
</article> </div>
</main> </main>
)} )}
</> </>