Merge pull request #326 from CivicDataLab/323-update-navbar

Resolved issue where cdl logo was touching the bottom edge while scrolling

Author: Deepthi-Chand

app/[locale]/dashboard/components/main-nav.tsx

@@ -125,8 +125,8 @@ export function MainNav({ hideSearch = false }) {
     }
   };
   return (
-    <nav className="p-4 lg:p-6">
-      <div className="flex items-center justify-between gap-4  ">
+    <nav className="px-4 py-6 lg:px-6 md:py-5 sm:py-8 lg:py-3 min-h-[80px] sticky top-1 z-50">
+      <div className="flex items-center justify-between gap-4">
         <div className="flex items-center gap-1">
           <div className="lg:hidden">
             <Sidebar
@@ -139,7 +139,7 @@ export function MainNav({ hideSearch = false }) {
           </div>
           <Link href="/">
             <div className="flex items-center gap-2">
-              <div className="group relative h-[68px] w-[183px] overflow-hidden">
+              <div className="group relative h-[35px] md:h-[40px] lg:h-[68px] w-[130px] md:w-[150px] lg:w-[183px] overflow-hidden">
                 {/* Static Logo */}
                 <div className="absolute inset-0">
                   <Image