Merge pull request #143 from wizelineacademy/ProfileFIx

fix: profile and reminders style
wizelineacademy · Jun 6, 2024 · eae7ebd · eae7ebd
2 parents 5943291 + f78d612
commit eae7ebd
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/app/(pages)/(main)/reminders/editreminders/[idReminders]/page.tsx b/src/app/(pages)/(main)/reminders/editreminders/[idReminders]/page.tsx
@@ -430,15 +430,15 @@ const EditReminders = ({ params }: { params: { idReminders: string } }) => {
                     e.preventDefault()
                     DeleteReminder(idReminders)
                   }}
-                  className='mr-6 mt-2 w-60 transform cursor-pointer rounded-full bg-mid-red px-3 py-2 text-2xl text-white transition duration-300 ease-in-out hover:scale-105 hover:text-red-800'
+                  className='mr-6 mt-2 w-40 transform cursor-pointer rounded-full bg-mid-red px-3 py-2 text-2xl text-white transition duration-300 ease-in-out hover:scale-105 hover:text-red-800 md:w-60'
                 >
                   Eliminar
                 </button>
               </span>
               <span>
                 <button
                   onClick={() => setEditMode(true)}
-                  className='mt-2 w-60 transform cursor-pointer rounded-full bg-blue-500 py-2 text-2xl text-white transition duration-300 ease-in-out hover:scale-105 hover:bg-blue-700'
+                  className='mr-6 mt-2 w-40 transform cursor-pointer rounded-full bg-blue-500 px-3 py-2 text-2xl text-white transition duration-300 ease-in-out hover:scale-105 hover:bg-blue-700 md:w-60'
                 >
                   Editar
                 </button>

diff --git a/src/components/post/ProfileCard.tsx b/src/components/post/ProfileCard.tsx
@@ -89,7 +89,7 @@ const ProfileCard: React.FC<UserCardProps> = ({
   return (
     <div className='flex flex-col gap-9'>
       <div className='flex items-start justify-between'>
-        <div className='flex items-start gap-2 md:gap-4'>
+        <div className='flex items-start gap-1 md:gap-4'>
           <Image
             src={profilePhoto}
             alt='profile photo'
@@ -128,12 +128,12 @@ const ProfileCard: React.FC<UserCardProps> = ({
         {userData.idUser !== creator[0]?.idUser &&
           (isFollowing ? (
             <PersonRemove
-              sx={{ color: '#7857FF', cursor: 'pointer', fontSize: '40px' }}
+              sx={{ color: '#7857FF', cursor: 'pointer', fontSize: '30px' }}
               onClick={() => handleFollow()}
             />
           ) : (
             <PersonAddAlt
-              sx={{ color: '#7857FF', cursor: 'pointer', fontSize: '40px' }}
+              sx={{ color: '#7857FF', cursor: 'pointer', fontSize: '30px' }}
               onClick={() => handleFollow()}
             />
           ))}