style: navbar (#666)

ayasofyazilim-clomerce · Sep 23, 2024 · cefc973 · cefc973
2 parents 4d5744a + 9e356e5
commit cefc973
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 14 deletions.
diff --git a/packages/ui/src/theme/main-admin-layout/components/navbar.tsx b/packages/ui/src/theme/main-admin-layout/components/navbar.tsx
@@ -65,7 +65,7 @@ export default function Navbar({
   activeSectionLayoutItem: string;
 }) {
   return (
-    <div className="fixed left-0 right-0 top-0 z-50">
+    <div className="sticky left-0 right-0 top-0 z-50">
       <nav className="bg-white px-1 py-2.5 md:px-4">
         <div className="flex flex-wrap items-center justify-between">
           <div className="flex items-center justify-start">

diff --git a/packages/ui/src/theme/main-admin-layout/components/profile-menu/index.tsx b/packages/ui/src/theme/main-admin-layout/components/profile-menu/index.tsx
@@ -35,7 +35,7 @@ function ProfileMenu() {
               <DropdownMenuSeparator />
               <ul className="py-1 text-gray-700 " aria-labelledby="dropdown">
                 {profileMenu?.menu.account.map((item) => (
-                  <li>
+                  <li key={item.name}>
                     <a
                       href={item.href}
                       className="flex items-center px-4 py-2 text-sm hover:bg-gray-100"
@@ -54,7 +54,7 @@ function ProfileMenu() {
               <DropdownMenuSeparator />
               <ul className="py-1 text-gray-700 " aria-labelledby="dropdown">
                 {profileMenu?.menu.primary.map((item) => (
-                  <li>
+                  <li key={item.name}>
                     <a
                       href={item.href}
                       className="flex items-center px-4 py-2 text-sm hover:bg-gray-100"
@@ -73,7 +73,7 @@ function ProfileMenu() {
               <DropdownMenuSeparator />
               <ul className="py-1 text-gray-700 " aria-labelledby="dropdown">
                 {profileMenu?.menu.secondary.map((item) => (
-                  <li>
+                  <li key={item.name}>
                     <a
                       href={item.href}
                       className="flex items-center px-4 py-2 text-sm hover:bg-gray-100"

diff --git a/packages/ui/src/theme/main-admin-layout/header-section.tsx b/packages/ui/src/theme/main-admin-layout/header-section.tsx
@@ -97,16 +97,14 @@ export function HeaderSection() {
 
   return (
     <div className="flex flex-col gap-3 px-1">
-      <div className="mb-36">
-        <Navbar
-          navbarItems={navbarItems}
-          navigation={breadcrumbItems}
-          activeSectionLayoutItem={activeSectionLayoutItem}
-          sectionLayoutItems={sectionLayoutItems}
-          prefix={prefix}
-          lang={lang}
-        />
-      </div>
+      <Navbar
+        navbarItems={navbarItems}
+        navigation={breadcrumbItems}
+        activeSectionLayoutItem={activeSectionLayoutItem}
+        sectionLayoutItems={sectionLayoutItems}
+        prefix={prefix}
+        lang={lang}
+      />
       <PageHeader
         title={activeNavItem?.displayName}
         description={activeNavItem?.description}