From 4c82526acfee6d445dd1ce6021f4358a98cb2263 Mon Sep 17 00:00:00 2001
From: Ankush Makkar <ankushmakkar108@gmail.com>
Date: Sun, 8 Sep 2024 03:36:19 +0530
Subject: [PATCH 1/2] Refactor NavigationMenuViewport styles for better
 responsiveness

---
 src/components/ui/navigation-menu.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ui/navigation-menu.tsx b/src/components/ui/navigation-menu.tsx
index 188b652..aa882ae 100644
--- a/src/components/ui/navigation-menu.tsx
+++ b/src/components/ui/navigation-menu.tsx
@@ -83,10 +83,10 @@ const NavigationMenuViewport = React.forwardRef<
   React.ElementRef<typeof NavigationMenuPrimitive.Viewport>,
   React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>
 >(({ className, ...props }, ref) => (
-  <div className={ny("absolute left-0 top-full flex justify-center")}>
+  <div className={ny("absolute left-0 right-0 top-full flex justify-center")}>
     <NavigationMenuPrimitive.Viewport
       className={ny(
-        "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
+        "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-fit overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
         className
       )}
       ref={ref}

From fdba358a5c0c4fe317e003b1a79a47fc8e144ebb Mon Sep 17 00:00:00 2001
From: Ankush Makkar <ankushmakkar108@gmail.com>
Date: Sun, 8 Sep 2024 03:37:12 +0530
Subject: [PATCH 2/2] Refactor Logo component to use next/Image

---
 src/components/logo.tsx | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/components/logo.tsx b/src/components/logo.tsx
index eb90c92..bf3c8f6 100644
--- a/src/components/logo.tsx
+++ b/src/components/logo.tsx
@@ -6,9 +6,18 @@ import React from "react";
 
 export default function Logo({ withText, ...props }: any) {
   return (
-    <div className="flex items-center m-0" {...props}>
-      <img src={`https://cdn.jsdelivr.net/gh/zen-browser/www/public/logos/zen-black.svg`} width={40} height={40} alt="Zen Logo" className={ny("transition-all duration-300 hover:scale-110", withText && "mr-2")} />
-      {withText && <span className="text-2xl font-bold ml-2">zen</span>}
+    <div className="m-0 flex items-center" {...props}>
+      <Image
+        src={`https://cdn.jsdelivr.net/gh/zen-browser/www/public/logos/zen-black.svg`}
+        width={40}
+        height={40}
+        alt="Zen Logo"
+        className={ny(
+          "transition-all duration-300 hover:scale-110",
+          withText && "mr-2",
+        )}
+      />
+      {withText && <span className="ml-2 text-2xl font-bold">zen</span>}
     </div>
   );
 }