minor fix

This commit is contained in:
Daniel 2023-07-30 16:37:56 -04:00
parent 25a40e5b95
commit 83e44abdea
3 changed files with 8 additions and 5 deletions

View File

@ -110,9 +110,12 @@ export default function Navbar() {
{sidebar ? ( {sidebar ? (
<div className="fixed top-0 bottom-0 right-0 left-0 bg-gray-500 bg-opacity-10 backdrop-blur-sm flex items-center fade-in z-30"> <div className="fixed top-0 bottom-0 right-0 left-0 bg-gray-500 bg-opacity-10 backdrop-blur-sm flex items-center fade-in z-30">
<ClickAwayHandler onClickOutside={toggleSidebar}> <ClickAwayHandler
<div className="slide-right shadow-lg"> className="h-full"
<Sidebar /> onClickOutside={toggleSidebar}
>
<div className="slide-right h-full shadow-lg">
<Sidebar className="" />
</div> </div>
</ClickAwayHandler> </ClickAwayHandler>
</div> </div>

View File

@ -51,7 +51,7 @@ export default function Sidebar({ className }: { className?: string }) {
return ( return (
<div <div
className={`bg-gray-100 h-screen w-64 xl:w-80 overflow-y-auto border-solid border-r-sky-100 px-2 border z-20 ${className}`} className={`bg-gray-100 h-full w-64 xl:w-80 overflow-y-auto border-solid border-r-sky-100 px-2 border z-20 ${className}`}
> >
<div className="flex justify-center gap-2 mt-2"> <div className="flex justify-center gap-2 mt-2">
<Link <Link

View File

@ -33,7 +33,7 @@ export default function MainLayout({ children }: Props) {
<div className="flex"> <div className="flex">
<div className="hidden lg:block"> <div className="hidden lg:block">
<Sidebar className="fixed" /> <Sidebar className="fixed top-0" />
</div> </div>
<div className="w-full lg:ml-64 xl:ml-80"> <div className="w-full lg:ml-64 xl:ml-80">