make this look a bit better
All checks were successful
Deploy / deploy (ubuntu-latest, 2.44.0) (push) Successful in 53s

Took 2 minutes
This commit is contained in:
Braydon 2024-10-06 19:27:34 -04:00
parent 4e5e64b390
commit fbddc47582
2 changed files with 4 additions and 2 deletions

View File

@ -22,13 +22,14 @@ const DocsFooter = ({
current < pages.length - 1 ? pages[current + 1] : undefined;
return (
<footer className="mx-14 my-5 flex flex-col">
<footer className="mx-14 my-5 flex flex-col select-none">
<Separator className="mb-4" />
<div className="flex justify-between">
{previous && (
<Link
className="flex gap-2 items-center hover:opacity-75 transition-all transform-gpu group"
href={`/${previous.slug}` || "#"}
draggable={false}
>
<ChevronLeftIcon className="w-4 h-4 group-hover:-translate-x-0.5 transition-all transform-gpu" />
{previous.title}
@ -38,6 +39,7 @@ const DocsFooter = ({
<Link
className="ml-auto flex gap-2 items-center hover:opacity-75 transition-all transform-gpu group"
href={`/${next.slug}` || "#"}
draggable={false}
>
{next.title}
<ChevronRightIcon className="w-4 h-4 group-hover:translate-x-0.5 transition-all transform-gpu" />

View File

@ -22,7 +22,7 @@ const Sidebar = (): ReactElement => (
</div>
{/* Desktop */}
<div className="hidden fixed top-20 inset-y-0 min-w-32 w-40 sm:w-52 py-3 xs:flex flex-col justify-between transition-all transform-gpu">
<div className="hidden fixed top-[4.3rem] inset-y-0 min-w-32 w-40 sm:w-52 py-3 xs:flex flex-col justify-between transition-all transform-gpu">
<SidebarContent />
</div>
</>