fix: icon light/dark colors on Projects; Publication height; MobileMe…

…nu animation
martapanc · Sep 13, 2023 · 468822a · 468822a
1 parent f8e8542
commit 468822a
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/components/molecules/MobileMenu/MobileMenu.tsx b/src/components/molecules/MobileMenu/MobileMenu.tsx
@@ -65,7 +65,7 @@ export const MobileMenu = ({ isOpen }: MobileMenuProps) => {
                 variants={navigationVariants}
                 initial='hidden'
                 animate='visible'
-                custom={0.5 + (links.length + 1) * 0.1}
+                custom={0.5 + (links.length + 3) * 0.1}
               >
                 <ModeToggleButton />
               </motion.li>
@@ -74,7 +74,7 @@ export const MobileMenu = ({ isOpen }: MobileMenuProps) => {
                 variants={navigationVariants}
                 initial='hidden'
                 animate='visible'
-                custom={0.5 + (links.length + 2) * 0.1}
+                custom={0.5 + (links.length + 4) * 0.1}
               >
                 <LanguageSwitcherMobile languages={languages} />
               </motion.li>

diff --git a/src/components/organisms/about-work/Publications.tsx b/src/components/organisms/about-work/Publications.tsx
@@ -21,7 +21,7 @@ const Publications = ({ publications }: PublicationProps) => {
         {publications.map((publication) => (
           <div
             key={publication.id}
-            className='flex h-32 flex-col justify-between rounded-md p-4 shadow-md dark:bg-slate-900 md:h-40'
+            className='flex h-[8.5rem] flex-col justify-between rounded-md p-4 shadow-md dark:bg-slate-900 md:h-40'
           >
             <span className='font-semibold'>{publication.title}</span>
 

diff --git a/src/components/organisms/projects/ProjectCard.tsx b/src/components/organisms/projects/ProjectCard.tsx
@@ -79,7 +79,7 @@ const ProjectCard = ({ project }: ProjectCardProps) => {
     }
   }, []);
 
-  const iconColor = theme === 'dark' ? 'white' : 'black';
+  const iconColor = theme === 'dark' ? '#e1e7f2' : '#15295F';
 
   return (
     <div
-Original file line number
+Diff line change
@@ Expand Up / @@ -79,7 +79,7 @@ const ProjectCard = ({ project }: ProjectCardProps) => { @@
         }
       }, []);
-      const iconColor = theme === 'dark' ? 'white' : 'black';
+      const iconColor = theme === 'dark' ? '#e1e7f2' : '#15295F';
       return (
         <div
@@ Expand Down @@