Merge branch 'master' into docs/authentication

Nextjs-ja-translation · Feb 12, 2022 · 2c8ce5b · 2c8ce5b
2 parents 26d0e44 + 50a9619
commit 2c8ce5b
Showing 1 changed file with 31 additions and 16 deletions.
diff --git a/components/navbar.js b/components/navbar.js
@@ -45,22 +45,24 @@ function Navbar() {
         </div>
 
         <div className="links">
-          <Link href="/">
-            <a className="logo">
-              <NextLogo />
-            </a>
-          </Link>
-
-          <Link href="/docs/[...slug]" as="/docs/getting-started">
-            <a
-              className={cn('mute', {
-                selected: route.startsWith('/docs')
-              })}
-              title="Documentation"
-            >
-              Docs
-            </a>
-          </Link>
+          <div className="wrapper">
+            <Link href="/">
+              <a className="logo">
+                <NextLogo />
+              </a>
+            </Link>
+
+            <Link href="/docs/[...slug]" as="/docs/getting-started">
+              <a
+                className={cn('link mute', {
+                  selected: route.startsWith('/docs')
+                })}
+                title="Documentation"
+              >
+                Docs
+              </a>
+            </Link>
+          </div>
 
           <a
             href="https://github.com/vercel/next.js"
@@ -91,6 +93,15 @@ function Navbar() {
           z-index: 1;
         }
 
+        .wrapper {
+          display: flex;
+          align-items: center;
+        }
+
+        .link {
+          margin-left: 2rem;
+        }
+
         .links a {
           text-decoration: none;
           transition: color 0.2s ease;
@@ -154,6 +165,10 @@ function Navbar() {
             font-size: 14px;
           }
 
+          .link {
+            margin-left: 0;
+          }
+
           .mobile-top {
             width: 100%;
             display: flex;