Team feedback round 2

base-org · Oct 8, 2024 · 2ffdc06 · 2ffdc06
1 parent 1899f22
commit 2ffdc06
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git a/apps/web/app/(base-org)/(root)/page.tsx b/apps/web/app/(base-org)/(root)/page.tsx
@@ -92,7 +92,7 @@ export default async function Home() {
 
       <main className="relative z-20 flex w-full flex-col items-center bg-black">
         <Container>
-          <div className="flex flex-col gap-40 pb-40 pt-20">
+          <div className="flex flex-col gap-20 pb-40 pt-20 md:gap-40">
             <section>
               <Title level={TitleLevel.Display1}>
                 The future of the internet is onchain. Base is here to help you build it.

diff --git a/apps/web/src/components/base-org/Button/index.tsx b/apps/web/src/components/base-org/Button/index.tsx
@@ -16,10 +16,12 @@ export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
 
 const variantStyles: Record<ButtonVariants, string> = {
   // Blue button
-  [ButtonVariants.Primary]: 'bg-blue text-white hover:bg-blue-80 active:bg-[#06318E]',
+  [ButtonVariants.Primary]:
+    'bg-blue text-white border border-blue hover:bg-blue-80 active:bg-[#06318E]',
 
   // White buton
-  [ButtonVariants.Secondary]: 'bg-white text-palette-foreground hover:bg-gray-15 active:bg-gray-30',
+  [ButtonVariants.Secondary]:
+    'bg-white border border-white text-palette-foreground hover:bg-gray-15 active:bg-gray-30',
 
   // White outlined
   [ButtonVariants.Outlined]:

diff --git a/apps/web/src/components/base-org/shared/TopNavigation/index.tsx b/apps/web/src/components/base-org/shared/TopNavigation/index.tsx
@@ -110,12 +110,12 @@ export default function TopNavigation() {
         <div className="flex w-full items-center justify-between gap-2">
           {/* Logo and Gas price section */}
           <div className="relative z-20 flex items-center gap-4">
-            <Link href="/" className="flex min-h-[2.875rem] min-w-[2.875rem]">
+            <Link href="/" className="flex min-h-[3rem] min-w-[3rem]">
               <Image src={logo as StaticImageData} alt="Base Logo" />
             </Link>
 
             {gasPriceInWei && (
-              <div className="flex hidden items-center gap-2 rounded-xl bg-black px-4 py-2 md:flex">
+              <div className="flex hidden items-center gap-2 rounded-xl bg-black px-4 py-3 md:flex">
                 <span className="animate-pulse text-palette-positive">
                   <Icon name="blueCircle" color="currentColor" height="0.75rem" width="0.75rem" />
                 </span>