feat(ui): update background and arts on specific pages

mateusfg7 · Mar 13, 2024 · 8d55172 · 8d55172
1 parent 04dab3e
commit 8d55172
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 9 deletions.
diff --git a/src/app/blog/layout.tsx b/src/app/blog/layout.tsx
@@ -3,5 +3,10 @@ export default function BlogLayout({
 }: {
   children: React.ReactNode
 }) {
-  return <div className="content-vertical-spaces">{children}</div>
+  return (
+    <div className="content-vertical-spaces">
+      <div className="absolute top-0 -z-50 h-full w-full bg-[radial-gradient(rgba(0,0,0,0.05)_1px,transparent_1px)] [background-size:16px_16px] dark:bg-[radial-gradient(rgba(255,255,255,0.05)_1px,transparent_1px)]" />
+      {children}
+    </div>
+  )
 }
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -96,13 +96,12 @@ export default function RootLayout({
         className={`scroll-smooth ${inter.variable} ${dancingScript.variable}`}
       >
         <Providers>
-          <Header />
-          <div>{children}</div>
+          <div className="relative">
+            <Header />
+            <div>{children}</div>
 
-          <div className="fixed left-0 top-10 -z-50 hidden h-64 w-64 bg-[url(/assets/robin-bird-bro.svg)] bg-contain bg-bottom bg-no-repeat opacity-10 dark:opacity-5 md:block " />
-
-          <div className="fixed bottom-0 right-0 -z-50 hidden h-96 w-96 bg-[url(/assets/server-status-bro-light.svg)] bg-contain bg-bottom bg-no-repeat opacity-10 dark:bg-[url(/assets/server-status-bro-dark.svg)] dark:opacity-5 md:block " />
-          <Footer />
+            <Footer />
+          </div>
         </Providers>
       </body>
     </html>

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -9,11 +9,13 @@ import deconstructedRobotBroDark from './_components/deconstructed-robot-bro-dar
 export default function Page() {
   return (
     <div className="content-container relative m-auto mb-10 flex min-h-screen flex-col items-center justify-between py-10">
+      <div className="absolute left-36 top-52 -z-50 h-64 w-64 bg-[conic-gradient(transparent,rgb(0,0,0))] opacity-15 blur-2xl dark:bg-[conic-gradient(transparent,rgb(255,255,255))]" />
+
       <div className="absolute h-full w-full bg-[url(/assets/deconstructed-robot-bro.svg)] bg-fixed bg-center bg-no-repeat opacity-10 dark:opacity-5 md:hidden" />
       <div />
       <div className="flex w-full items-center justify-center gap-12 md:justify-between">
         <div className="flex flex-col gap-4">
-          <span className="w-min text-7xl font-bold text-black dark:text-neutral-50 md:w-max">
+          <span className="w-min text-7xl font-bold text-black drop-shadow-2xl dark:text-neutral-50 md:w-max">
             Mateus Felipe,
           </span>
           <span className="flex items-center text-2xl text-neutral-400 md:text-3xl ">

diff --git a/src/app/projects/layout.tsx b/src/app/projects/layout.tsx
@@ -12,5 +12,11 @@ export default function AboutLayout({
 }: {
   children: React.ReactNode
 }) {
-  return <div className="content-vertical-spaces">{children}</div>
+  return (
+    <div className="content-vertical-spaces">
+      <div className="fixed bottom-0 right-0 -z-50 hidden h-96 w-96 bg-[url(/assets/server-status-bro-light.svg)] bg-contain bg-bottom bg-no-repeat opacity-10 dark:bg-[url(/assets/server-status-bro-dark.svg)] dark:opacity-5 md:block " />
+
+      {children}
+    </div>
+  )
 }