From b3ac900cef2496542a34684539e860e8cdadb334 Mon Sep 17 00:00:00 2001
From: Mahimatestgithub
Date: Tue, 29 Oct 2024 13:59:09 +0530
Subject: [PATCH 1/2] done
---
src/App.jsx | 5 -----
1 file changed, 5 deletions(-)
diff --git a/src/App.jsx b/src/App.jsx
index 1f83ca68..ecac6994 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -157,13 +157,8 @@ export default function App() {
{/* Other user routes */}
} />
} />
-<<<<<<< HEAD
} /> {/* Help page route */}
} />
-=======
- } />
- } />
->>>>>>> 5eed12d9 (revert sadaf commit for category changes)
{/* Privacy policy page route */}
} />
Date: Tue, 29 Oct 2024 14:09:35 +0530
Subject: [PATCH 2/2] added hover to social icons
---
src/User/components/Footer/Footer.css | 30 +++++++++++++++++++++------
src/User/components/Footer/Footer.jsx | 3 +++
2 files changed, 27 insertions(+), 6 deletions(-)
diff --git a/src/User/components/Footer/Footer.css b/src/User/components/Footer/Footer.css
index a8e1a48e..e9d80ac7 100644
--- a/src/User/components/Footer/Footer.css
+++ b/src/User/components/Footer/Footer.css
@@ -1,3 +1,4 @@
+/* Existing Footer Styles */
.footer {
background-color: #2e2e2e;
color: #fff;
@@ -9,13 +10,11 @@
.footer-top {
display: flex;
flex-direction: column;
- /* gap: 20px; */
align-items: center;
}
.footer-top .logo img {
width: 80px;
- /* Adjusted size for better visibility */
}
.footer-top .social-media {
@@ -33,7 +32,6 @@
.footer-top .social-icons a img {
width: 30px;
- /* Adjusted size for consistency */
}
.footer-top .contact-info,
@@ -47,7 +45,6 @@
align-items: center;
justify-content: center;
gap: 10px;
- /* Space between image and text */
margin: 5px 0;
color: #fff;
text-decoration: none;
@@ -60,7 +57,6 @@
.footer-top .address img {
width: 24px;
- /* Adjusted size for better alignment */
height: 24px;
}
@@ -95,6 +91,28 @@
text-decoration: underline;
}
+/* Social Media Icon Hover Effects */
+.footer-top .social-icons a {
+ transition: transform 0.3s, filter 0.3s;
+}
+
+.footer-top .social-icons a:hover {
+ transform: scale(1.1);
+}
+
+.footer-top .social-icons a:nth-child(1):hover img {
+ filter: brightness(1.2) saturate(1.2);
+}
+
+.footer-top .social-icons a:nth-child(2):hover img {
+ filter: brightness(1.2) saturate(1.2);
+}
+
+.footer-top .social-icons a:nth-child(6):hover img {
+ filter: brightness(1.2) saturate(1.2);
+}
+
+/* Responsive Styles */
@media (min-width: 768px) {
.footer-top {
flex-direction: row;
@@ -123,4 +141,4 @@
text-align: right;
justify-content: flex-end;
}
-}
\ No newline at end of file
+}
diff --git a/src/User/components/Footer/Footer.jsx b/src/User/components/Footer/Footer.jsx
index 3403cf03..f25dd454 100644
--- a/src/User/components/Footer/Footer.jsx
+++ b/src/User/components/Footer/Footer.jsx
@@ -161,6 +161,9 @@ const Footer = () => {
+
+
+