Codex tried to make the site more responsive on mobile

2026-06-03 15:58:29 +02:00
parent 40526e115e
commit aebeed3964
19 changed files with 130 additions and 131 deletions
@@ -18,14 +18,14 @@ export function Navbar() {
  };

  return (
-    <nav className="fixed top-8 left-1/2 -translate-x-1/2 z-[100] w-[min(90%,400px)]">
-      <div className="bg-black/20 backdrop-blur-xl border border-white/10 rounded-full px-6 py-3 flex items-center justify-between gap-4 shadow-2xl">
+    <nav className="fixed top-4 left-1/2 z-[100] w-[min(100vw-1rem,400px)] -translate-x-1/2 sm:top-8 sm:w-[min(90%,400px)]">
+      <div className="bg-black/20 backdrop-blur-xl border border-white/10 rounded-full px-3 py-2 sm:px-6 sm:py-3 flex items-center justify-between gap-2 sm:gap-4 shadow-2xl">
        {navItems.map((item) => (
          <Link
            key={item.path}
            href={item.path}
            onClick={() => handleSwitch(item.path)}
-            className={`text-sm font-semibold transition-all duration-300 px-4 py-2 rounded-full 
+            className={`flex-1 text-center text-xs sm:text-sm font-semibold transition-all duration-300 px-3 py-2 rounded-full 
              ${
                pathname === item.path
                  ? "bg-white text-black scale-105 shadow-xl shadow-white/10"