Fix centering on nav bar

JackTench · JackTench · commit 91c4749ca37c · 2025-11-03T17:56:42.000Z
diff --git a/src/components/libresplit/AppNav.tsx b/src/components/libresplit/AppNav.tsx
@@ -15,21 +15,23 @@ export function AppNav() {
         <LeftNav />
       </div>
 
-      <NavigationMenu>
-        <NavigationMenuList>
-          <NavigationMenuItem>
-            <NavigationMenuLink asChild>
-              <Link to="/">Home</Link>
-            </NavigationMenuLink>
-          </NavigationMenuItem>
+      <div className="absolute left-1/2 -translate-x-1/2">
+        <NavigationMenu>
+          <NavigationMenuList>
+            <NavigationMenuItem>
+              <NavigationMenuLink asChild>
+                <Link to="/">Home</Link>
+              </NavigationMenuLink>
+            </NavigationMenuItem>
 
-          <NavigationMenuItem>
-            <NavigationMenuLink asChild>
-              <Link to="/converter">Converter</Link>
-            </NavigationMenuLink>
-          </NavigationMenuItem>
-        </NavigationMenuList>
-      </NavigationMenu>
+            <NavigationMenuItem>
+              <NavigationMenuLink asChild>
+                <Link to="/converter">Converter</Link>
+              </NavigationMenuLink>
+            </NavigationMenuItem>
+          </NavigationMenuList>
+        </NavigationMenu>
+      </div>
 
       <div className="flex items-center">
         <RightNav />
