feat: fix mobile

aureliodeboa · Sep 5, 2024 · 82ae849 · 82ae849
1 parent 929eeac
commit 82ae849
Show file tree

Hide file tree

Showing 7 changed files with 10 additions and 8 deletions.
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -19,14 +19,14 @@ const Page = () =>{
   return(
 
        <ThemeProvider>
-      
+     {/* <Container> */}
         <Navbar/>
         <Profile/>
         <Projects/>
         <About_me/>
         <Contact/>
         <Footer/>
-
+      {/*</Container> */}
     </ThemeProvider>
 
   )

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
@@ -31,7 +31,7 @@ export const Navbar =()=> {
               ease: [0, 0.71, 0.2, 1.01]
             }}
 
-        className=" fixed top-0  w-full flex flex-col-reverse md:flex-row  md:justify-around   border-b-[0.5px] border-gray-200 dark:border-gray-800 bg-white dark:bg-[#09090B] z-20">
+        className=" fixed top-0  w-full flex flex-col-reverse md:flex-row  md:justify-around bg-[#FFFFFF] text-black dark:bg-[#09090B] dark:text-white   border-b-[0.5px] border-gray-200 dark:border-gray-800 z-20">
             <div className="hidden min-w-48  lg:flex justify-center content-center  items-center text-sm md:text-xl lg:text-xl font-bold "> {"<"}<span className="text-yellow-300">/</span>{"> "}Aurelio Ribeiro</div> 
 
 

diff --git a/src/components/sections/About-me.tsx b/src/components/sections/About-me.tsx
@@ -15,7 +15,7 @@ export const About_me = () =>{
     t("current-language.locale")=="pt"?experienceData=experienceData_pt:experienceData=experienceData_en;
 
     return(
-        <section  id="about-me" className="flex flex-col items-center w-full  pt-12  h-auto gap-8  justify-around border-t-[1px] border-gray-800 border-solid ">
+        <section  id="about-me" className="flex bg-[#FFFFFF] text-black dark:bg-[#09090B] dark:text-white flex-col items-center w-full  pt-12  h-auto gap-8  justify-around border-t-[1px] border-gray-800 border-solid ">
 
              <div className="h-1/2 px-4 sm:px-10 md:px-20  ">
                 <h1 className="py-5 text-2xl md:text-3xl font-bold">{t("about-me.title")}</h1>

diff --git a/src/components/sections/Contact.tsx b/src/components/sections/Contact.tsx
@@ -16,7 +16,7 @@ export const Contact = () =>{
         window.location.href = 'mailto:aurelio74123@gmail.com';
       };
     return(
-        <section  id="contact" className="h-auto pt-14  w-full flex items-center justify-center">
+        <section  id="contact" className="h-auto pt-14  w-full flex items-center justify-center bg-[#FFFFFF] text-black dark:bg-[#09090B] dark:text-white">
                 <div className="h-auto w-[98%] flex flex-col md:flex-row border-black dark:border-white  rounded-xl border-[1px]  py-6 px-10 ">
                     <div className="flex flex-col h-auto  md:w-1/2  text-justify py-4  gap-4">
                         <h1 className=" text-2xl md:text-3xl font-bold ">{t("contact.title")}</h1>

diff --git a/src/components/sections/Footer.tsx b/src/components/sections/Footer.tsx
@@ -4,7 +4,7 @@ export const Footer = () => {
     const currentYear = new Date().getFullYear();
     const { t } = useTranslation();
     return (
-        <div className="py-4 mt-8">
+        <div className="py-4  bg-[#FFFFFF] text-black dark:bg-[#09090B] dark:text-white">
             <hr className="border-gray-700 mb-4" />
             <div className="text-center">
                 <p>

diff --git a/src/components/sections/Profile.tsx b/src/components/sections/Profile.tsx
@@ -40,7 +40,9 @@ export const Profile = () =>{
     };
 
   return(
-      <section id='home' className="relative flex flex-col justify-center min-h-dvh pt-20 xl:flex-row gap-6 lg:px-28 lg:flex-row w-full px-5 content-center items-center">
+      <section id='home' className="
+      bg-[#FFFFFF] text-black dark:bg-[#09090B] dark:text-white
+      relative flex flex-col justify-center min-h-dvh pt-20 xl:flex-row gap-6 lg:px-28 lg:flex-row w-full px-5 content-center items-center">
 
           <DotLottieReact
                             className="h-full w-full absolute z-10 "

diff --git a/src/components/sections/Projects.tsx b/src/components/sections/Projects.tsx
@@ -61,7 +61,7 @@ export const Projects = () => {
 
 
   return (
-    <section id="projects" className="h-auto py-8 flex flex-col items-center  w-full">
+    <section id="projects" className="h-auto py-8 flex flex-col items-center bg-[#FFFFFF] text-black dark:bg-[#09090B] dark:text-white  w-full">
       <div className="mt-7 h-auto w-full ">
         <h1 className="text-2xl md:text-4xl px-6 md:px-10 font-bold text-left">{t("projects.title")}</h1>
         <h6 className="pt-5  px-5 md:px-10 text-base text-left">{t("projects.description")}</h6>