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>
<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 ? (
<div>
<Sidebar
@ -503,15 +503,18 @@ export default function Home() {
/>
<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)}
/>
{/* 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>
) : (
<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)}
/>
)}
@ -534,7 +537,7 @@ export default function Home() {
onRegenerate={handleRegenerate}
stopConversationRef={stopConversationRef}
/>
</article>
</div>
</main>
)}
</>