fixing page

antoniobiasotti · May 12, 2024 · 8c8ac2c · 8c8ac2c
1 parent 3003e42
commit 8c8ac2c
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 15 deletions.
diff --git a/src/app/(devlinks)/(home)/page.tsx b/src/app/(devlinks)/(home)/page.tsx
@@ -6,22 +6,24 @@ export default async function Home() {
   await new Promise(resolve => setTimeout(resolve, 1000))
 
   return (
-    <main className="flex flex-col gap-3 bg-zinc-950 border-2 border-slate-50 justify-center items-center mt-4 py-6">
-      <div className="space-y-8">
+    <main className="flex flex-col gap-3 bg-zinc-950 border border-slate-800 rounded-lg justify-center items-center mt-4 py-6">
+      <div className="space-y-8 justify-center">
         <Header />
         <MainNavigationBar/>
-        <div className="bg-zinc-800 px-10 py-5 flex-col justify-center items-center gap-5 inline-flex rounded">
-          <div className="w-96 h-44 flex-col items-center gap-2 inline-flex">
-            <h2 className="font-bold">Sobre</h2>
-            <p className="text-justify">
-              Lorem ipsum dolor sit amet consectetur adipisicing elit. Error assumenda ab ratione doloribus ea debitis, a perferendis libero alias, in impedit sequi iste, fuga exercitationem tenetur mollitia ipsum dolores aperiam
-            </p>
-          </div>
-          <div className="w-96 h-44 flex-col justify-start items-center gap-2 inline-flex">
-            <h2 className="font-bold">De onde veio a ideia?</h2>
-            <p className="text-justify">
-              Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus voluptatibus quam iure blanditiis odio temporibus non veritatis fugit, odit nihil, quis labore excepturi, cupiditate impedit deleniti? Culpa qui similique soluta?
-            </p>
+        <div className="w-full flex justify-center">
+          <div className="bg-zinc-800 px-10 py-5 flex-col justify-center items-center gap-5 inline-flex rounded">
+            <div className="w-96 h-44 flex-col items-center gap-2 inline-flex">
+              <h2 className="font-bold">Sobre</h2>
+              <p className="text-justify">
+                Lorem ipsum dolor sit amet consectetur adipisicing elit. Error assumenda ab ratione doloribus ea debitis, a perferendis libero alias, in impedit sequi iste, fuga exercitationem tenetur mollitia ipsum dolores aperiam
+              </p>
+            </div>
+            <div className="w-96 h-44 flex-col justify-start items-center gap-2 inline-flex">
+              <h2 className="font-bold">De onde veio a ideia?</h2>
+              <p className="text-justify">
+                Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus voluptatibus quam iure blanditiis odio temporibus non veritatis fugit, odit nihil, quis labore excepturi, cupiditate impedit deleniti? Culpa qui similique soluta?
+              </p>
+            </div>
           </div>
         </div>
       </div>

diff --git a/src/components/header.tsx b/src/components/header.tsx
@@ -3,7 +3,7 @@ import Image from 'next/image'
 
 export function Header() {
     return (
-        <div className="flex justify-between border-[2px] rounded-sm border-slate-50 p-4 font-bold text-2xl">
+        <div className="flex justify-between border-[0.5px] rounded-sm border-slate-200 p-4 font-bold text-2xl">
             <Link
                 href="#"
             >