fix: class call used to footer icons

Flavio13Lins · Apr 13, 2024 · c5c5fb7 · c5c5fb7
1 parent c7d1133
commit c5c5fb7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -204,10 +204,10 @@ <h3 class="font-bold text-lg">Edit Recipe</h3>
   <div id="footer"
     style="display: flex; flex-direction: column; align-items: center; gap: 1rem; margin-top: 32px; padding: 2rem 0px 1rem; background-color: var(--primary-color); width: 100vw;">
     <div style="display: flex; justify-content: center; gap: 3rem;">
-      <img src="assets/svg/linkedin.svg" onclick="openSocial('LinkedIn')" alt="LinkedIn" className="socialIcon" />
-      <img src="assets/svg/github.svg" onclick="openSocial('GitHub')" alt="GitHub" className="socialIcon" />
-      <img src="assets/svg/instagram.svg" onclick="openSocial('Instagram')" alt="Instagram" className="socialIcon" />
-      <img src="assets/svg/discord.svg" onclick="openSocial('Discord')" alt="Discord" className="socialIcon" />
+      <img src="assets/svg/linkedin.svg" onclick="openSocial('LinkedIn')" alt="LinkedIn" class="socialIcon" />
+      <img src="assets/svg/github.svg" onclick="openSocial('GitHub')" alt="GitHub" class="socialIcon" />
+      <img src="assets/svg/instagram.svg" onclick="openSocial('Instagram')" alt="Instagram" class="socialIcon" />
+      <img src="assets/svg/discord.svg" onclick="openSocial('Discord')" alt="Discord" class="socialIcon" />
     </div>
     <p style="margin-top: 0px; text-align: center;">
     <div style="display: flex; color: white;">

diff --git a/main.css b/main.css
@@ -60,9 +60,11 @@
 }
 
 img.socialIcon {
+  cursor:pointer;
   height: 24px;
   width: 24px;
 }
+
 /* email link */
 a.email {
   color: var(--tertiary-color);