Update link and button styles

Lexuil · Mar 28, 2024 · 3ff0c34 · 3ff0c34
1 parent 1c43245
commit 3ff0c34
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/src/components/ContactLink.astro b/src/components/ContactLink.astro
@@ -10,5 +10,8 @@ const { href, ariaLabel, iconName } = Astro.props;
 ---
 
 <a href={href} aria-label={ariaLabel}>
-  <Icon name={iconName} class="w-9 h-9" />
+  <Icon
+    name={iconName}
+    class="w-9 h-9 hover:text-red-500 hover:scale-110 transition-all"
+  />
 </a>
diff --git a/src/components/Presentation.astro b/src/components/Presentation.astro
@@ -20,7 +20,7 @@ import avatar from "@assets/images/avatar.jpg";
       iconName="bi:linkedin"
     />
     <ContactLink
-      href="https://www.instagram.com/lexuil/"
+      href="https://github.com/Lexuil/"
       ariaLabel="Oscar Umaña Github"
       iconName="bi:github"
     />
@@ -38,13 +38,13 @@ import avatar from "@assets/images/avatar.jpg";
   >
     <a
       href="#Projects"
-      class="bg-transparent hover:bg-neutral-100 text-neutral-200 hover:text-black py-2 px-4 border border-neutral-100 hover:border-transparent rounded"
+      class="bg-transparent hover:bg-red-500 text-neutral-200 hover:text-black py-2 px-4 border border-neutral-100 hover:border-transparent rounded"
     >
       Proyectos
     </a>
     <a
       href="#Experience"
-      class="bg-transparent hover:bg-neutral-100 text-neutral-200 hover:text-black py-2 px-4 border border-neutral-100 hover:border-transparent rounded"
+      class="bg-transparent hover:bg-red-500 text-neutral-200 hover:text-black py-2 px-4 border border-neutral-100 hover:border-transparent rounded"
     >
       Experiencia
     </a>

diff --git a/src/components/PresentationDetails.astro b/src/components/PresentationDetails.astro
@@ -3,7 +3,7 @@
 ---
 
 <div class="flex flex-col items-center">
-  <p class="text-xl font-medium">Desarrollador web</p>
+  <p class="text-xl font-medium text-red-500">Desarrollador web</p>
   <p class="max-w-lg mt-3 mx-5">
     En mi portafolio, encontrarás una variedad de proyectos que reflejan mi
     experiencia como desarrollador web. He trabajado con tecnologías como HTML5,