🧱 feat: troca de logo e ajustes de estilização

SandroFernandesRosal · Jan 13, 2025 · b81e067 · b81e067
1 parent b08035a
commit b81e067
Show file tree

Hide file tree

Showing 7 changed files with 11 additions and 62 deletions.
diff --git a/public/logo1.png b/public/logo1.png
diff --git a/src/app/icon.ico b/src/app/icon.ico
diff --git a/src/app/icon.tsx b/src/app/icon.tsx
diff --git a/src/components/footer.tsx b/src/components/footer.tsx
@@ -1,25 +1,16 @@
 import Link from 'next/link'
 import Socials from './socials'
+import Image from 'next/image'
 
 export default function Footer() {
   return (
-    <footer className="flex flex-col justify-center items-center">
-      <div className="py-2 min-h-24 w-full flex flex-col justify-around items-center border-t-[1px] border-zinc-400 dark:border-zinc-700">
+    <footer className="flex flex-col justify-center items-center ">
+      <div className="py-2 min-h-24 w-full flex flex-col justify-around items-center border-t-[1px] border-zinc-400 dark:border-zinc-700 gap-2">
         <Link
-          href="/"
-          className="md:text-2xl text-xl font-extrabold  hover:text-primary mb-2"
+          href="/#highlight"
+          className="md:text-2xl text-xl font-extrabold hover:text-primary"
         >
-          <p className="text-3xl font-medium flex items-center">
-            San
-            <span className="text-primary text-xl font-bold">
-              &#x0007B; &#41;
-            </span>
-            ro
-            <span className="text-primary text-xl font-bold">
-              &#x0007B; &#41;
-            </span>
-            ev
-          </p>
+          <Image src="/logo1.png" alt="" width={70} height={70} />
         </Link>
 
         <Socials />

diff --git a/src/components/header.tsx b/src/components/header.tsx
@@ -1,5 +1,5 @@
 import Link from 'next/link'
-
+import Image from 'next/image'
 import Menu from './menu'
 import ChangeTheme from './change-theme'
 import ItensMenu from './itens-menu'
@@ -8,25 +8,15 @@ export default function Header() {
   return (
     <div
       id="highlight"
-      className={` w-[100vw] z-40  flex items-center   dark:shadow-none border-b-[1px] dark:border-zinc-700 border-zinc-400 py-4 dark:bg-bgdark bg-bglight fixed '} `}
+      className={` w-[100vw] z-40  flex items-center   dark:shadow-none border-b-[1px] dark:border-zinc-700 border-zinc-400 py-1 dark:bg-bgdark bg-bglight fixed '} `}
     >
       <div className="flex items-center justify-around gap-2 w-full ">
         <div className="flex items-center">
           <Link
             href="/#highlight"
             className="md:text-2xl text-xl font-extrabold hover:text-primary"
           >
-            <p className="text-3xl font-medium flex items-center">
-              San
-              <span className="text-primary text-xl font-bold">
-                &#x0007B; &#41;
-              </span>
-              ro
-              <span className="text-primary text-xl font-bold">
-                &#x0007B; &#41;
-              </span>
-              ev
-            </p>
+            <Image src="/logo1.png" alt="logo" width={60} height={60} />
           </Link>
         </div>
 

diff --git a/src/components/menu.tsx b/src/components/menu.tsx
@@ -32,7 +32,7 @@ export default function Menu() {
       <Opacity menu={menu} />
 
       <div
-        className={`fixed top-[72px]  right-0 z-30 flex min-h-screen w-[70%] border-l-[1px] border-t-[1px] border-zinc-400 dark:border-zinc-700 transform rounded-l-xl flex-col items-center pt-5 gap-10 bg-bglightsecondary dark:bg-bgdarksecondary font-bold backdrop-blur-md transition-transform duration-300 md:hidden ${
+        className={`fixed top-[68px]  right-0 z-30 flex min-h-screen w-[70%] border-l-[1px] border-t-[1px] border-zinc-400 dark:border-zinc-700 transform rounded-l-xl flex-col items-center pt-5 gap-10 bg-bglightsecondary dark:bg-bgdarksecondary font-bold backdrop-blur-md transition-transform duration-300 md:hidden ${
           menu ? 'translate-x-0 ' : 'translate-x-full'
         }`}
       >

diff --git a/src/components/opacity.tsx b/src/components/opacity.tsx
@@ -5,7 +5,7 @@ type OpacityProps = {
 const Opacity: React.FC<OpacityProps> = ({ menu }) => {
   return (
     <div
-      className={`${menu ? 'flex' : 'hidden'} md:hidden left-0 top-[73px] absolute w-[100vw] h-[100vh] backdrop-blur-md dark:shadow-shadowdark shadow-shadowlight`}
+      className={`${menu ? 'flex' : 'hidden'} md:hidden left-0 top-[69px] absolute w-[100vw] h-[100vh] backdrop-blur-md`}
     ></div>
   )
 }