PulseApp/docs
PulseApp/docs
1
0
Fork 0
Code Issues Pull Requests 6 Actions Packages Activity

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

Browse Source 
Took 6 minutes
This commit is contained in:
Braydon 2024-10-06 19:26:02 -04:00
parent 05a480d41b
commit 4e5e64b390
1 changed files with 23 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
src/components/docs-footer.tsx
View File

@ -4,6 +4,7 @@ import { ReactElement } from "react";
import { usePathname } from "next/navigation"; import { usePathname } from "next/navigation";
import Link from "next/link"; import Link from "next/link";
import { ChevronLeftIcon, ChevronRightIcon } from "@heroicons/react/24/outline"; import { ChevronLeftIcon, ChevronRightIcon } from "@heroicons/react/24/outline";
import { Separator } from "@/components/ui/separator";
const DocsFooter = ({ const DocsFooter = ({
pages, pages,
@ -21,25 +22,28 @@ const DocsFooter = ({
current < pages.length - 1 ? pages[current + 1] : undefined; current < pages.length - 1 ? pages[current + 1] : undefined;
return ( return (
<footer className="mx-14 my-7 flex justify-between"> <footer className="mx-14 my-5 flex flex-col">
{previous && ( <Separator className="mb-4" />
<Link <div className="flex justify-between">
className="flex gap-2 items-center" {previous && (
href={`/${previous.slug}` || "#"} <Link
> className="flex gap-2 items-center hover:opacity-75 transition-all transform-gpu group"
<ChevronLeftIcon className="w-4 h-4" /> href={`/${previous.slug}` || "#"}
{previous.title} >
</Link> <ChevronLeftIcon className="w-4 h-4 group-hover:-translate-x-0.5 transition-all transform-gpu" />
)} {previous.title}
{next && ( </Link>
<Link )}
className="ml-auto flex gap-2 items-center" {next && (
href={`/${next.slug}` || "#"} <Link
> className="ml-auto flex gap-2 items-center hover:opacity-75 transition-all transform-gpu group"
{next.title} href={`/${next.slug}` || "#"}
<ChevronRightIcon className="w-4 h-4" /> >
</Link> {next.title}
)} <ChevronRightIcon className="w-4 h-4 group-hover:translate-x-0.5 transition-all transform-gpu" />
</Link>
)}
</div>
</footer> </footer>
); );
}; };