NavBar UI improvement (#95)

* NavBar UI improvement * format
kscalelabs · Jun 10, 2024 · 88e3731 · 88e3731
1 parent bc5d5ed
commit 88e3731
Showing 1 changed file with 10 additions and 13 deletions.
diff --git a/frontend/src/components/nav/TopNavbar.tsx b/frontend/src/components/nav/TopNavbar.tsx
@@ -16,19 +16,16 @@ const TopNavbar = () => {
           <Navbar.Brand as={Link} to="/">
             robolist
           </Navbar.Brand>
-          <Navbar.Toggle />
-          <Navbar.Collapse className="justify-content-end">
-            <Nav>
-              <Nav.Link
-                onClick={() => setTheme(theme === "dark" ? "light" : "dark")}
-              >
-                {theme === "dark" ? <MoonFill /> : <SunFill />}
-              </Nav.Link>
-              <Nav.Link onClick={() => setShowSidebar(true)}>
-                <GearFill />
-              </Nav.Link>
-            </Nav>
-          </Navbar.Collapse>
+          <div className="d-flex gap-3">
+            <Nav.Link
+              onClick={() => setTheme(theme === "dark" ? "light" : "dark")}
+            >
+              {theme === "dark" ? <MoonFill /> : <SunFill />}
+            </Nav.Link>
+            <Nav.Link onClick={() => setShowSidebar(true)}>
+              <GearFill />
+            </Nav.Link>
+          </div>
         </Container>
       </Navbar>
       <Sidebar show={showSidebar} onHide={() => setShowSidebar(false)} />