Adjusting App view header padding size and logo size (#11)

* make the logo smaller lol
figma · Sep 4, 2024 · 6b8fe26 · 6b8fe26
1 parent 5cc4eaa
commit 6b8fe26
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git 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
@@ -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);
   }
 }