fix: update logo

apps/web/components/editor/pdf-signer.tsx

@@ -70,10 +70,12 @@ export default function PDFSigner(props: any) {
       <SignatureDialog open={open} setOpen={setOpen} onClose={onDialogClose} />
       <div className="bg-neon p-4">
         <div className="flex">
-          <div className="flex-shrink-0">
+          <div className="flex-shrink-0 flex gap-x-2 items-center">
-            <Logo className="-mt-2.5 h-12 w-12"></Logo>
+            <Logo className="h-8 w-8" />
+            <h2 className="text-2xl font-semibold">Documenso</h2>
           </div>
-          <div className="ml-3 flex-1 items-center justify-start text-center md:flex md:justify-between">
+
+          <div className="mx-3 flex-1 items-center justify-start text-center md:flex md:justify-between">
             <p className="text-lg text-slate-700">
               {props.document.User.name
                 ? `${props.document.User.name} (${props.document.User.email})`

apps/web/components/logo.tsx

@@ -4,7 +4,6 @@ import { classNames } from "@documenso/lib";
 export default function Logo(props: any) {
   return (
     <>
-      <Link href="/dashboard">
       <svg viewBox="0 0 64 64" {...props}>
         <rect width="88.6758041381836" height="32.18000030517578" fill="transparent"></rect>
         <path
@@ -76,7 +75,6 @@ export default function Logo(props: any) {
           fill="black"
         />
       </svg>
-      </Link>
     </>
   );
 }

apps/web/components/navigation.tsx

@@ -112,9 +112,13 @@ export default function TopNavigation() {
             <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
               <div className="flex h-16 justify-between">
                 <div className="flex">
-                  <div className="flex flex-shrink-0 items-center">
+                  <Link
-                    <Logo></Logo>
+                    href="/dashboard"
-                  </div>
+                    className="flex flex-shrink-0 items-center gap-x-2 self-center overflow-hidden">
+                    <Logo className="h-8 w-8" />
+                    <h2 className="text-2xl font-semibold">Documenso</h2>
+                  </Link>
+
                   <div className="hidden sm:-my-px sm:ml-6 sm:flex sm:space-x-8">
                     {navigation.map((item) => (
                       <Link

apps/web/pages/404.jsx

@@ -1,14 +1,16 @@
 import { Button } from "@documenso/ui";
 import Logo from "../components/logo";
 import { ArrowSmallLeftIcon } from "@heroicons/react/20/solid";
+import Link from "next/link";
 
 export default function Custom404() {
   return (
     <>
       <main className="relative isolate min-h-full bg-gray-100">
-        <div className="absolute top-10 left-10">
+        <Link href="/" className="absolute top-10 left-10 flex gap-x-2 items-center">
-          <Logo className="w-10 md:w-20" />
+          <Logo className="w-10" />
-        </div>
+          <h2 className="text-2xl font-semibold">Documenso</h2>
+        </Link>
 
         <div className="mx-auto max-w-7xl px-6 py-48 text-center sm:py-40 lg:px-8">
           <p className="text-brown text-base font-semibold leading-8">404</p>

apps/web/pages/500.jsx

@@ -2,14 +2,16 @@ import { Button } from "@documenso/ui";
 import Logo from "../components/logo";
 import { ArrowSmallLeftIcon } from "@heroicons/react/20/solid";
 import { EllipsisVerticalIcon } from "@heroicons/react/20/solid";
+import Link from "next/link";
 
 export default function Custom500() {
   return (
     <>
       <div className="relative flex min-h-full flex-col items-center justify-center bg-black text-white">
-        <div className="absolute top-10 left-10">
+        <Link href="/" className="absolute top-10 left-10 flex gap-x-2 items-center invert">
-          <Logo dark className="w-10 md:w-20" />
+          <Logo className="w-10" />
-        </div>
+          <h2 className="text-2xl font-semibold text-black">Documenso</h2>
+        </Link>
 
         <div className="mt-20 max-w-7xl px-4 py-10">
           <p className="inline-flex items-center text-3xl font-bold sm:text-5xl">