From 6b8fe2605fcc1909a2a002fd0a79d1fac5d7ecad Mon Sep 17 00:00:00 2001
From: Jake <97200987+jake-figma@users.noreply.github.com>
Date: Wed, 4 Sep 2024 13:12:29 -0500
Subject: [PATCH] Adjusting App view header padding size and logo size (#11)

* make the logo smaller lol
---
 src/App.tsx                     | 3 ++-
 src/ui/primitives/Logo/logo.css | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 2e99e05..c87ddf5 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -35,6 +35,7 @@ import { useState } from "react";
 
 function App() {
   const { isMobile, isDesktop } = useMediaQuery();
+  const headerPadding = isDesktop ? "800" : "600";
   const flexGap = isMobile ? "600" : "1200";
   const sectionPadding = isMobile ? "600" : "1600";
   const [pricingInterval, setPricingInterval] = useState("monthly");
@@ -44,7 +45,7 @@ function App() {
 
   return (
     <AuthenticationProvider>
-      <Header />
+      <Header paddingBottom={headerPadding} paddingTop={headerPadding} />
       <Section padding={sectionPadding} variant="brand">
         <Flex
           container
diff --git a/src/ui/primitives/Logo/logo.css b/src/ui/primitives/Logo/logo.css
index 46a098e..52bbbdd 100644
--- a/src/ui/primitives/Logo/logo.css
+++ b/src/ui/primitives/Logo/logo.css
@@ -21,6 +21,6 @@
   > svg {
     --logo-color: var(--sds-color-icon-default-default);
     height: auto;
-    width: var(--sds-size-icon-large);
+    width: var(--sds-size-icon-small);
   }
 }