Merge pull request #18 from nushydude/17-fix-missing-gap-between-head…

…er-and-content-on-best-buy-and-best-dca-pages Fix the gap between the header and the best buy pages
nushydude · Nov 4, 2023 · 10b2071 · 10b2071
2 parents 88130a3 + e8e2a1c
commit 10b2071
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 5 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -18,7 +18,7 @@ export const App = () => {
 
       <Header />
 
-      <div className="w-100 max-w-7xl mx-auto px-2 flex flex-col flex-grow pt-18 sm:pt-12">
+      <div className="w-100 max-w-7xl mx-auto px-2 flex flex-col flex-grow pt-16 sm:pt-14">
         <AppRoutes />
       </div>
 

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
@@ -15,12 +15,9 @@ const links = [
 ];
 
 export const Header = () => {
-  const [ref, { x, y, width, height, top, right, bottom, left }] =
-    useMeasure<HTMLDivElement>();
+  const [ref, { height }] = useMeasure<HTMLDivElement>();
   const { removeUser, isLoggedIn } = useContext(UserContext);
 
-  console.log('headerHeight', x, y, width, height, top, right, bottom, left);
-
   return (
     <div
       data-testid="header"