mirror of
https://github.com/lumehq/lume.git
synced 2025-10-11 03:22:44 +02:00
minor fixes
This commit is contained in:
@@ -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>
|
||||||
);
|
);
|
||||||
|
@@ -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't implemented yet, so resize Lume to the initial size for a better experience.
|
|
||||||
I'm sorry for this inconvenience, and I swear I will add it soon 😁
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
Reference in New Issue
Block a user