fix: minor fixes

zuplo · Dec 8, 2023 · 3d8726b · 3d8726b
1 parent bef7eff
commit 3d8726b
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 13 deletions.
diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
@@ -3,20 +3,15 @@ import Link from "next/link";
 export default function NotFound() {
   return (
     <div className="min-w-0 max-w-2xl flex-auto px-4 py-16 lg:max-w-none lg:pl-8 lg:pr-0 xl:px-16">
-      <div className="flex h-full flex-col items-center justify-center text-center">
-        <p className="font-display text-sm font-medium text-slate-900 dark:text-white">
-          404
-        </p>
-        <h1 className="mt-3 font-display text-3xl tracking-tight text-slate-900 dark:text-white">
+      <div className="flex h-full flex-col items-center justify-center text-center text-white dark:text-black">
+        <p className="font-display text-sm font-medium">404</p>
+        <h1 className="mt-3 font-display text-3xl tracking-tight">
           Page not found
         </h1>
-        <p className="mt-2 text-sm text-slate-500 dark:text-slate-400">
+        <p className="mt-2 text-sm">
           Sorry, we couldn’t find the page you’re looking for.
         </p>
-        <Link
-          href="/"
-          className="mt-8 text-sm font-medium text-slate-900 dark:text-white"
-        >
+        <Link href="/" className="mt-8 text-sm font-medium">
           Go back to docs
         </Link>
       </div>

diff --git a/src/app/policies/page.tsx b/src/app/policies/page.tsx
@@ -15,8 +15,8 @@ export default async function Page() {
 
   return (
     <DocsContainer className="w-full flex-col px-8 pb-[60px]">
+      <DocsHeader title="Policies" />
       <Prose>
-        <DocsHeader title="Policies" />
         <p>
           Zuplo includes policies for any solution you need for securing and
           sharing your API. See the{" "}

diff --git a/src/components/DocsHeader.tsx b/src/components/DocsHeader.tsx
@@ -28,8 +28,12 @@ export function DocsHeader({ title }: { title?: string }) {
     <header className="mb-5">
       <div className="mb-10 flex items-center gap-x-[3px] text-sm leading-6 tracking-wider text-gray-600">
         <Link href="#">Home</Link>
-        <ChevronRightIcon />
-        {section && <p className="">{section.label}</p>}
+        {section && (
+          <>
+            <ChevronRightIcon />
+            <p className="">{section.label}</p>
+          </>
+        )}
       </div>
 
       {title && (