Modified Report Button (#365)

Co-authored-by: Tamal Das <[email protected]>
ngoworldcommunity · Oct 5, 2022 · ed89010 · ed89010 · vercel · Oct 5, 2022
1 parent babcedb
commit ed89010
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
@@ -217,9 +217,10 @@ const Footer = () => {
               You can submit a report to us by filling a form below !
             </p>
             <div className="d-flex justify-content-center rounded mx-auto">
-              <button
+            <button
                 onClick={handleReportModalOpen}
-                className="btn btn-outline-danger p-3 d-flex align-items-center bg-light bg-opacity-25 text-black"
+                className=" btn-report p-3 d-flex align-items-center text-black"
+
               >
                 <img
                   className="bottom-img"

diff --git a/src/styles/Footer.css b/src/styles/Footer.css
@@ -124,6 +124,18 @@
   box-shadow: 0 2px 8px rgb(122, 122, 122);
 }
 
+.btn-report {
+  transition-duration: 0.4s;
+  border-radius: 5px;
+  border: none;
+  background-color: #9ac2fe;
+}
+
+.btn-report:hover {
+  transform: scale(1.2);
+  transition-duration: 0.5s;
+}
+
 .report img {
   width: 20px;
 }