Change header sections

wasabigeek · Jan 19, 2022 · 44ac715 · 44ac715
1 parent a92ba9c
commit 44ac715
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 4 deletions.
diff --git a/layout/Header.jsx b/layout/Header.jsx
@@ -10,9 +10,6 @@ const Header = () => (
               <a>rails.help</a>
             </Link>
           </h1>
-          <p className="mt-2 text-3xl font-extrabold text-gray-900 tracking-tight sm:text-4xl">
-            The missing GUI for Rails Generators.
-          </p>
         </div>
       </div>
     </div>

diff --git a/pages/index.js b/pages/index.js
@@ -184,7 +184,22 @@ export default function Home() {
       </Head>
 
       <main>
-        <Header />
+        <div className="max-w-7xl mx-auto lg:py-8 lg:px-8 pb-8">
+          <div className="relative pt-16 sm:pt-24 lg:pt-32">
+            <div className="mx-auto max-w-md px-4 text-center sm:px-6 sm:max-w-3xl lg:px-8 lg:max-w-7xl">
+              <div>
+                <h1 className="text-base font-semibold tracking-wider text-gray-600 uppercase">
+                  <Link href="/">
+                    <a>rails.help</a>
+                  </Link>
+                </h1>
+                <p className="mt-2 text-3xl font-extrabold text-gray-900 tracking-tight sm:text-4xl">
+                  The missing GUI for Rails Generators.
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
         <div className="max-w-7xl mx-auto sm:px-6 lg:px-8">
           <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
             <div className="relative rounded-lg border border-gray-300 bg-white px-6 py-5 shadow-sm flex items-center space-x-3 hover:border-gray-400 focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-indigo-500">
-Original file line number
+Diff line change
@@ Expand Up / @@ -10,9 +10,6 @@ const Header = () => ( @@
                   <a>rails.help</a>
                 </Link>
               </h1>
-              <p className="mt-2 text-3xl font-extrabold text-gray-900 tracking-tight sm:text-4xl">
-                The missing GUI for Rails Generators.
-              </p>
             </div>
           </div>
         </div>
@@ Expand Down @@