feat: update color icons rede social

Kenzie-Academy-Brasil-Developers · Jul 11, 2024 · 400b2e4 · 400b2e4
1 parent 611e651
commit 400b2e4
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 6 deletions.
diff --git a/src/Components/Footer/footer.component.tsx b/src/Components/Footer/footer.component.tsx
@@ -15,9 +15,9 @@ export const Footer = () => {
                     </div>
 
                     <div className={style.containerSecond}>
-                        <BsFacebook className={style.imageFooter}/>
-                        <BsInstagram className={style.imageFooter}/>
-                        <BsLinkedin className={style.imageFooter}/>
+                        <BsFacebook className={style.imageFooterFacebook}/>
+                        <BsInstagram className={style.imageFooterInstagram}/>
+                        <BsLinkedin className={style.imageFooterLinkedIn}/>
                     </div>
                 </div>
 

diff --git a/src/Components/Footer/style.module.scss b/src/Components/Footer/style.module.scss
@@ -64,7 +64,7 @@
 
 };
 
-.imageFooter {
+.imageFooterFacebook {
 
     width: 24px;
     height: 24px;
@@ -75,9 +75,44 @@
 
 };
 
-.imageFooter:hover {
+.imageFooterFacebook:hover {
 
-    color: var(--color-gray-3);
+    color: #0038a8;
 
 };
 
+.imageFooterInstagram {
+
+    width: 24px;
+    height: 24px;
+
+    color: var(--color-gray-2);
+
+    cursor: pointer;
+
+};
+
+.imageFooterInstagram:hover {
+
+    color: #833ab4;
+
+};
+
+.imageFooterLinkedIn {
+
+    width: 24px;
+    height: 24px;
+
+    color: var(--color-gray-2);
+
+    cursor: pointer;
+
+};
+
+.imageFooterLinkedIn :hover {
+
+    color: #0038a8;
+
+};
+
+