minor fixes

This commit is contained in:
Ren Amamiya
2023-04-24 14:45:18 +07:00
parent ce8fd685f3
commit c5bbe4db6f
2 changed files with 2 additions and 18 deletions

View File

@@ -16,16 +16,8 @@ export function ActiveLink({
const pageContext = usePageContext(); const pageContext = usePageContext();
const pathName = pageContext.urlPathname; const pathName = pageContext.urlPathname;
let newClassName = '';
if (href === pathName) {
newClassName = activeClassName;
} else {
newClassName = '';
}
return ( return (
<a href={href} className={twMerge(className, newClassName)}> <a href={href} className={twMerge(className, href === pathName ? activeClassName : '')}>
{children} {children}
</a> </a>
); );

View File

@@ -20,17 +20,9 @@ export default function NewsfeedLayout({ children }: { children: React.ReactNode
<div className="scrollbar-hide col-span-1 overflow-y-auto overflow-x-hidden border-r border-zinc-900"> <div className="scrollbar-hide col-span-1 overflow-y-auto overflow-x-hidden border-r border-zinc-900">
<Navigation /> <Navigation />
</div> </div>
<div className="col-span-3 m-3 overflow-hidden rounded-lg border border-zinc-800 bg-zinc-900 shadow-input shadow-black/20 xl:col-span-2 xl:mr-1.5"> <div className="col-span-3 m-3 overflow-hidden rounded-lg border border-zinc-800 bg-zinc-900 shadow-input shadow-black/20 xl:col-span-4 xl:mr-1.5">
<div className="h-full w-full rounded-lg">{children}</div> <div className="h-full w-full rounded-lg">{children}</div>
</div> </div>
<div className="col-span-3 m-3 hidden overflow-hidden rounded-lg border border-zinc-800 bg-zinc-900 shadow-input shadow-black/20 xl:col-span-2 xl:ml-1.5 xl:flex">
<div className="flex h-full w-full items-center justify-center">
<p className="select-text p-8 text-center text-zinc-400">
This feature hasn&apos;t implemented yet, so resize Lume to the initial size for a better experience.
I&apos;m sorry for this inconvenience, and I swear I will add it soon 😁
</p>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>