From 7f1767081d8421dc05f6eb5e5ec39e4a04c09809 Mon Sep 17 00:00:00 2001
From: joseallef <joseallefbs@gmail.com>
Date: Sun, 2 Jun 2024 11:04:51 -0300
Subject: [PATCH] fix: ajuste no tamando das fontes no `mobile`

---
 src/app/page.tsx            | 12 ++++++------
 src/app/repository/page.tsx |  2 +-
 src/hooks/Modal/index.tsx   |  4 ++--
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 460ec3e..b04b4bd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -7,28 +7,28 @@ export default function Home() {
         <div className="flex flex-col md:flex-row border border-sky-800 rounded-md">
           <div className="flex flex-col p-2 md:p-3 justify-center md:justify-between items-center md:items-start w-full md:w-1/2">
             <div className="my-4 w-full">
-              <h2 className="text-center w-full font-bold text-2xl md:text-3xl bg-gradient-to-r from-fuchsia-600 to-purple-800 bg-clip-text text-transparent">
+              <h2 className="text-center w-full font-bold text-2xl lg:text-3xl bg-gradient-to-r from-fuchsia-600 to-purple-800 bg-clip-text text-transparent">
                 Desenvolvedor Front-end
               </h2>
             </div>
 
-            <div className="w-full flex justify-center p-0 md:p-14 lg:p-0">
+            <div className="w-full flex justify-center p-0 sm:p-5 lg:p-0">
               <img
                 src="https://media.licdn.com/dms/image/D4D03AQEh-qNSzAsiJw/profile-displayphoto-shrink_400_400/0/1683594689756?e=1722470400&v=beta&t=llXFmcq_1qv2UtipcLuXu4wKtuebU6gMMn_VG5fRwHo"
                 alt="Foto de perfil"
-                className="object-cover sm:w-auto h-32 w-32 md:h-64 md:w-56 flex justify-center rounded-lg" />
+                className="object-cover h-36 w-32 md:h-64 md:w-56 flex justify-center rounded-lg" />
             </div>
           </div>
 
-          <div className="w-full md:w-1/2  p-2 md:p-3 mt-10 md:mt-0">
+          <div className="w-full md:w-1/2 p-2 md:p-3 sm:mt-2 md:mt-0">
             <div className="my-4 w-full">
-              <h2 className="text-center text-3xl font-bold bg-gradient-to-r from-fuchsia-600 to-purple-800 bg-clip-text text-transparent">
+              <h2 className="text-center text-2xl lg:text-3xl font-bold bg-gradient-to-r from-fuchsia-600 to-purple-800 bg-clip-text text-transparent">
                 Olá, sou o José Allef!
               </h2>
             </div>
 
             <div className="my-4 w-full">
-              <p className="text-xl font-bold text-gray-400 mb-4">
+              <p className="text-base lg:text-xl font-bold text-gray-400 mb-4">
                 Com mais de 2 anos de experiência na área de tecnologia,
                 sou formado em Análise e Desenvolvimento de Sistemas pela UNICID e continuo a me aprimorar
                 por meio de treinamentos e desafios constantes. Participei ativamente do Ignite da Rocketseat
diff --git a/src/app/repository/page.tsx b/src/app/repository/page.tsx
index 38f8912..c592310 100644
--- a/src/app/repository/page.tsx
+++ b/src/app/repository/page.tsx
@@ -95,7 +95,7 @@ export default function RepositoryGit() {
           <div className="border-b-2 border-cyan-300 border-spacing-1 w-full"></div>
 
           <div className="text-center w-full my-3">
-            <h1 className='text-sky-100 font-bold text-2xl'>Repositórios</h1>
+            <h1 className='text-sky-100 font-bold text-base md:text-2xl'>Repositórios</h1>
           </div>
 
           <GitRepository repository={repo} loading={loading} />
diff --git a/src/hooks/Modal/index.tsx b/src/hooks/Modal/index.tsx
index 5c882d3..f6c2967 100644
--- a/src/hooks/Modal/index.tsx
+++ b/src/hooks/Modal/index.tsx
@@ -86,7 +86,7 @@ export const ModalProvider: React.FC<ModalProviderProps> = ({ children }) => {
               className={`relative p-4 m-4 w-full max-w-3xl transition-transform transform rounded-lg shadow ${themeApp === "dark" ? "bg-slate-900 dark:text-gray-300" : "bg-[#242540] dark:text-slate-300"} duration-300 ${isOpen ? 'scale-100' : 'scale-95'}`}
             >
               <div className="flex items-center p-2 justify-between border-b rounded-t dark:border-gray-600">
-                <h3 className="text-center w-full text-xl font-semibold text-gray-900 dark:text-sky-200">
+                <h3 className="text-center w-full text-lg md:text-xl font-semibold text-gray-900 dark:text-sky-200">
                   {project?.title}
                 </h3>
                 <button
@@ -118,7 +118,7 @@ export const ModalProvider: React.FC<ModalProviderProps> = ({ children }) => {
 
                   <div className="pt-6 md:p-8 text-center md:text-left text-slate-300 border border-sky-800 rounded-md p-2">
                     <blockquote>
-                      <p className="text-lg font-medium">
+                      <p className="text-base md:text-lg font-medium">
                         {project?.description}
                       </p>
                     </blockquote>