Improve navbar

opentofu · Sep 7, 2023 · 0ca9713 · 0ca9713
1 parent f729344
commit 0ca9713
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 11 deletions.
diff --git a/src/theme/Navbar/Content/index.tsx b/src/theme/Navbar/Content/index.tsx
@@ -36,7 +36,9 @@ export default function NavbarContent() {
       <div className="flex items-center gap-6">
         <NavbarMobileSidebarToggle />
         <NavbarLogo />
-        <NavbarItems items={leftItems} />
+        <div className="hidden md:flex items-center gap-6">
+          <NavbarItems items={leftItems} />
+        </div>
       </div>
       <div className="hidden lg:flex items-center gap-6">
         <NavbarItems items={rightItems} />

diff --git a/src/theme/Navbar/MobileSidebar/Toggle.tsx b/src/theme/Navbar/MobileSidebar/Toggle.tsx
@@ -7,7 +7,7 @@ export default function MobileSidebarToggle() {
     <button
       onClick={toggle}
       aria-expanded={shown}
-      className="flex sm:hidden"
+      className="flex lg:hidden"
       type="button"
     >
       <svg

diff --git a/src/theme/Navbar/MobileSidebar/index.tsx b/src/theme/Navbar/MobileSidebar/index.tsx
@@ -20,20 +20,15 @@ export default function NavbarMobileSidebar() {
   return (
     <div
       className={clsx(
-        "fixed top-0 left-0 bottom-0 w-4/5 p-6 transition-all flex bg-gray-850 z-10 text-white",
+        "fixed top-0 left-0 bottom-0 w-4/5 sm:w-3/5 md:w-2/5 p-6 transition-all flex bg-gray-850 z-10 text-white",
         mobileSidebar.shown
           ? "visible translate-x-0"
           : "invisible -translate-x-full"
       )}
     >
-      <div>
-        <div>
-          <NavbarMobileSidebarPrimaryMenu />
-        </div>
-        <div>
-          <NavbarMobileSidebarSecondaryMenu />
-        </div>
-      </div>
+      <NavbarMobileSidebarPrimaryMenu />
+
+      <NavbarMobileSidebarSecondaryMenu />
     </div>
   );
 }