Reduce navbar height (#425)

kscalelabs · Sep 26, 2024 · a8b33b3 · a8b33b3
1 parent 52171ad
commit a8b33b3
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/frontend/src/components/Container.tsx b/frontend/src/components/Container.tsx
@@ -8,7 +8,7 @@ const Container = (props: ContainerProps) => {
   const { children } = props;
 
   return (
-    <div className="my-20 mx-4 sm:mx-6 md:mx-10 xl:mx-16 max-w-full">
+    <div className="my-[68px] mx-4 sm:mx-6 md:mx-10 xl:mx-16 max-w-full">
       {children}
     </div>
   );

diff --git a/frontend/src/components/nav/Navbar.tsx b/frontend/src/components/nav/Navbar.tsx
@@ -90,7 +90,7 @@ const Navbar = () => {
   return (
     <>
       <nav className="fixed w-full z-30 top-0 start-0 bg-gray-1/30 backdrop-blur-lg">
-        <div className="flex items-center justify-between py-3 mx-4 sm:mx-6 md:mx-10 xl:mx-16 font-medium">
+        <div className="flex items-center justify-between py-2 mx-4 sm:mx-6 md:mx-10 xl:mx-16 font-medium">
           <Link
             to="/"
             className="flex items-center space-x-2 bg-gray-12 p-3 rounded-lg hover:bg-primary-9 transition-all duration-300"

diff --git a/frontend/src/components/ui/PageHeader.tsx b/frontend/src/components/ui/PageHeader.tsx
@@ -218,7 +218,7 @@ const PageHeader: React.FC<PageHeaderProps> = ({ title, subheading }) => {
   }, [windowWidth, windowHeight, initializeGrid, updateGrid, gridInitialized]);
 
   return (
-    <div className="relative rounded-lg w-full h-[30vh] overflow-hidden mb-10">
+    <div className="relative rounded-lg w-full h-[30vh] overflow-hidden mb-4">
       <div className="absolute inset-0 backdrop-blur-[2px]"></div>
       <canvas ref={canvasRef} className="w-full h-full" />
       <div className="absolute inset-0 flex flex-col items-center justify-center px-4">