Fix the topnav for more responsiveness

2026-02-05 17:05:49 +01:00
parent 6ff04f321d
commit dd0c87167c
5 changed files with 270 additions and 36 deletions
--- a/src/components/global/Header.tsx
+++ b/src/components/global/Header.tsx
@ -6,9 +6,11 @@ export default function Header() {

  return (
    <div className="w-full">
-      <div className="flex items-center justify-between px-4 md:px-8 py-2">
-        <TopNav />
-        <div className="flex items-center gap-2">
+      <div className="flex w-full items-center gap-4 px-4 md:px-8 py-2">
+        <div className="flex-1 min-w-0">
+          <TopNav />
+        </div>
+        <div className="flex items-center gap-2 shrink-0">
          <NsfwModeToggle />
          <ModeToggle />
        </div>