diff --git a/src/assets/img/cart-icon.png b/src/assets/img/cart-icon.png
deleted file mode 100644
index 22b2a64..0000000
Binary files a/src/assets/img/cart-icon.png and /dev/null differ
diff --git a/src/components/Footer/SocialMedia/SocialMedia.module.scss b/src/components/Footer/SocialMedia/SocialMedia.module.scss
index ae9420b..2e3fd4b 100644
--- a/src/components/Footer/SocialMedia/SocialMedia.module.scss
+++ b/src/components/Footer/SocialMedia/SocialMedia.module.scss
@@ -1,38 +1,31 @@
.container {
- // background-color: blue;
-
.menu-list {
- // background-color: blue;
-
margin: 0;
padding: 0;
list-style: none;
text-decoration: none;
display: flex;
gap: 10px;
-
+
li {
- // transition: all 0.2s ease-in-out;
-
+ transition: all 0.2s ease-in-out;
+
a {
svg {
width: 35px;
height: 35px;
-
+
@media screen and (width >= 2500px) {
width: 70px;
height: 70px;
}
-
- // &:hover {
- // border-radius: 50%;
- // background: #292929;
- // color: white;
- // }
+
+ &:hover {
+ filter: brightness(1.5);
+ border-radius: 50%;
+ }
}
}
}
}
}
-
-
diff --git a/src/components/Footer/SocialMedia/SocialMedia.tsx b/src/components/Footer/SocialMedia/SocialMedia.tsx
index 4c42376..4c969fa 100644
--- a/src/components/Footer/SocialMedia/SocialMedia.tsx
+++ b/src/components/Footer/SocialMedia/SocialMedia.tsx
@@ -1,22 +1,21 @@
import React from "react";
-import { Link } from "react-router-dom";
+
+import { ReactComponent as Facebook } from "./assets/facebook-icon.svg";
+import { ReactComponent as Instagram } from "./assets/instagram-icon.svg";
+import { ReactComponent as Twitter } from "./assets/twitter-icon.svg";
+import { ReactComponent as Youtube } from "./assets/youtube-icon.svg";
+import { ReactComponent as Linkedin } from "./assets/linkedin-icon.svg";
import styles from "./SocialMedia.module.scss";
-import { ReactComponent as Facebook } from "../../../assets/svg/facebook-icon.svg";
-import { ReactComponent as Instagram } from "../../../assets/svg/instagram-icon.svg";
-import { ReactComponent as Twitter } from "../../../assets/svg/twitter-icon.svg";
-import { ReactComponent as Youtube } from "../../../assets/svg/youtube-icon.svg";
-import { ReactComponent as Linkedin } from "../../../assets/svg/linkedin-icon.svg";
-
const socialMediaLinks = [
{
icon: