Merge branch 'main' into split-issue-83

1 files changed, 14 insertions, 7 deletions

diff --git a/apps/web/src/components/header.tsx b/apps/web/src/components/header.tsx
index 7366dd31..ff15774e 100644
--- a/apps/web/src/components/header.tsx
+++ b/apps/web/src/components/header.tsx
@@ -1,14 +1,13 @@
 "use client";

 

 import Link from "next/link";

-import Image from "next/image";

 import { Button } from "./ui/button";

 import { ArrowRight } from "lucide-react";

 import { HeaderBase } from "./header-base";

 import { useSession } from "@opencut/auth/client";

 import { getStars } from "@/lib/fetchGhStars";

-import { Star } from "lucide-react";

 import { useEffect, useState } from "react";

+import Image from "next/image";

 

 export function Header() {

   const { data: session } = useSession();

@@ -29,15 +28,15 @@ export function Header() {
 

   const leftContent = (

     <Link href="/" className="flex items-center gap-3">

-      <Image src="/logo.png" alt="OpenCut Logo" width={24} height={24} />

-      <span className="font-medium tracking-tight">OpenCut</span>

+      <Image src="/logo.svg" alt="OpenCut Logo" width={32} height={32} />

+      <span className="text-xl font-medium hidden md:block">OpenCut</span>

     </Link>

   );

 

   const rightContent = (

-    <nav className="flex items-center">

+    <nav className="flex items-center gap-3">

       <Link href="/contributors">

-        <Button variant="text" className="text-sm">

+        <Button variant="text" className="text-sm p-0">

           Contributors

         </Button>

       </Link>

@@ -59,5 +58,13 @@ export function Header() {
     </nav>

   );

 

-  return <HeaderBase leftContent={leftContent} rightContent={rightContent} />;

+  return (

+    <div className="mx-4 md:mx-0">

+      <HeaderBase

+        className="bg-[#1D1D1D] border border-white/10 rounded-2xl max-w-3xl mx-auto mt-4 pl-4 pr-[14px]"

+        leftContent={leftContent}

+        rightContent={rightContent}

+      />

+    </div>

+  );

 }