fix(nextjs): spacing

saeidex · Sep 25, 2024 · 5ac091f · 5ac091f
1 parent 4831be2
commit 5ac091f
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 10 deletions.
diff --git a/apps/nextjs/src/app/_components/footer.tsx b/apps/nextjs/src/app/_components/footer.tsx
@@ -82,7 +82,7 @@ export const Footer = () => {
   return (
     <div className="border-t border-outline-variant bg-surface-dim py-8 pt-12 lg:pt-20">
       <div className="container flex flex-col gap-2">
-        <div className="flex flex-col gap-9">
+        <div className="flex flex-col gap-9 lg:gap-14">
           <div className="flex flex-col gap-4">
             <Link
               href="/"

diff --git a/apps/nextjs/src/app/_components/navbar.tsx b/apps/nextjs/src/app/_components/navbar.tsx
@@ -50,13 +50,21 @@ export const Navbar = () => {
           </span>
         </Link>
         <div className="flex gap-1.5 md:order-2 rtl:space-x-reverse">
-          <NavLink
-            className="hidden md:block"
-            link={{ href: "sign in", label: "Sign in" }}
-          />
-          <Button className="hidden md:block" variant={"primary"}>
-            Get started
-          </Button>
+          <Link href={{ href: "/signin" }}>
+            <Button
+              className={cn(
+                "hidden text-on-surface hover:text-primary md:block",
+              )}
+              variant={"link"}
+            >
+              Sign in
+            </Button>
+          </Link>
+          <Link href={{ href: "/signin" }}>
+            <Button className="hidden md:block" variant={"primary"}>
+              Get started
+            </Button>
+          </Link>
           <Button className="md:hidden">
             <span className="sr-only">Open main menu</span>
             <IconMenu />

diff --git a/apps/nextjs/src/app/_components/our-team.tsx b/apps/nextjs/src/app/_components/our-team.tsx
@@ -77,7 +77,7 @@ export const OurTeam = () => {
             >
               <div className="aspect-square max-h-full overflow-hidden rounded-lg bg-surface-container-high object-cover">
                 <Image
-                  src={`https:/github.com/${item.usernames.github}.png`}
+                  src={`https://github.com/${item.usernames.github}.png`}
                   width={400}
                   height={400}
                   alt="profile image"

diff --git a/packages/ui/src/button.tsx b/packages/ui/src/button.tsx
@@ -19,7 +19,7 @@ const buttonVariants = cva(
         secondary:
           "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
         ghost: "hover:bg-accent hover:text-accent-foreground !px-3",
-        link: "text-primary underline-offset-4 hover:underline",
+        link: "!px-3 text-primary underline-offset-4 hover:underline",
         withIcon:
           "gap-2 bg-primary-container p-0 !pr-[22px] pl-6 text-on-primary-container shadow *:fill-on-primary-container hover:bg-primary-container/90 dark:bg-primary dark:text-primary-foreground dark:*:fill-on-primary dark:hover:bg-primary/90",
       },