fix: header view

pure-js · Oct 30, 2022 · 80ea0f2 · 80ea0f2
1 parent 180008c
commit 80ea0f2
Showing 1 changed file with 11 additions and 13 deletions.
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
@@ -10,21 +10,19 @@ function Header() {
 
   return (
     <nav className="navbar bg-neutral text-neutral-content mb-3">
-      <div className="flex-1 mx-auto px-4">
-        <Link to="/" className="btn btn-ghost normal-case text-xl">Local microblogging client</Link>
+      <div className="flex-1">
+        <Link to="/" className="btn btn-ghost normal-case text-xl">Microblogging</Link>
       </div>
-      <div className="flex-none">
+      <div className="flex-none justify-between">
         <input type="checkbox" className="toggle toggle-sm mr-6" data-toggle-theme="forest,winter" data-act-class="ACTIVECLASS" />
-        <div>
-          <form className="form-inline navbar-end">
-            <Link
-              to="/posts/new"
-              className="btn btn-outline btn-primary"
-            >
-              New post
-            </Link>
-          </form>
-        </div>
+        <form className="form-inline navbar-end">
+          <Link
+            to="/posts/new"
+            className="btn btn-outline btn-primary"
+          >
+            New post
+          </Link>
+        </form>
       </div>
     </nav>
   );