From cb072df19ca5eecad224f20eb761c21f9a667812 Mon Sep 17 00:00:00 2001 From: PruthviYB Date: Fri, 11 Apr 2025 14:07:17 +0530 Subject: [PATCH 01/20] style(ui): update button and header styles for consistency Refactor button styles in DownloadButton and AuthButton to use consistent height, padding, and font properties. Update header layout and styling, including the logo and navigation menu, to improve visual coherence. Adjust SVG colors and navigation menu trigger styles for better alignment with the design system. --- components/header.tsx | 122 +++++++++++++++--------------- components/ui/PearDark.svg | 4 +- components/ui/authbutton.tsx | 11 ++- components/ui/downloadbutton.tsx | 10 ++- components/ui/navigation-menu.tsx | 4 +- 5 files changed, 76 insertions(+), 75 deletions(-) diff --git a/components/header.tsx b/components/header.tsx index f8115748c..83db9b3b1 100644 --- a/components/header.tsx +++ b/components/header.tsx @@ -1,6 +1,6 @@ import { ReactNode, forwardRef, ComponentPropsWithoutRef } from "react"; import Link from "next/link"; -import PearHeroLogo from "./ui/PearHeroLogo.svg"; +import PearDark from "./ui/PearDark.svg"; import { NavigationMenu, NavigationMenuContent, @@ -90,68 +90,64 @@ export default async function Header() { }; return ( -
-
- -
+
+
); } diff --git a/components/ui/PearDark.svg b/components/ui/PearDark.svg index f6703d44a..b9687ffec 100644 --- a/components/ui/PearDark.svg +++ b/components/ui/PearDark.svg @@ -1,10 +1,10 @@ - + - + diff --git a/components/ui/authbutton.tsx b/components/ui/authbutton.tsx index 94694e665..a266d9b4c 100644 --- a/components/ui/authbutton.tsx +++ b/components/ui/authbutton.tsx @@ -21,17 +21,20 @@ export default function AuthButton({ return (
{!user ? ( -
+
- -
+
diff --git a/components/ui/downloadbutton.tsx b/components/ui/downloadbutton.tsx index 878747e9c..00b06ef40 100644 --- a/components/ui/downloadbutton.tsx +++ b/components/ui/downloadbutton.tsx @@ -22,12 +22,14 @@ export default function DownloadButton({ user }: { user: User | null }) { return ( <> , @@ -54,7 +54,7 @@ const NavigationMenuTrigger = React.forwardRef< > {children}{" "}