Refactor FAQ and ScrollTop components; update import paths and enhanc…

…e button styling
Bitbox-Connect · Nov 6, 2024 · 1547cb7 · 1547cb7
1 parent 3bbb34f
commit 1547cb7
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 12 deletions.
diff --git a/client/src/component/ScrollTop.jsx b/client/src/component/ScrollTop.jsx
@@ -28,13 +28,12 @@ const ScrollTop = () => {
 
     return (
         <div className={`Scroll-Top ${isVisible ? 'visible' : ''}`}>
-            <button onClick={smoothScrollToTop} title="Go to top" className="button">
+            <button onClick={smoothScrollToTop} title="Go to top" className="scrolltop-button">
                 <svg className="svgIcon" viewBox="0 0 384 512">
                     <path
                         d="M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.2V448c0 17.7 14.3 32 32 32s32-14.3 32-32V141.2L329.4 246.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z"
                     ></path>
                 </svg>
-                <div className="progress-circle"></div>
             </button>
         </div>
     );

diff --git a/client/src/css/Contributers.css b/client/src/css/Contributers.css
@@ -132,7 +132,7 @@
   box-shadow: rgba(165, 132, 130, 0.133) 0px 5px 5px 0px;
 }
 
-.card .bottom .bottom-bottom .button:hover {
+.card .bottom .bottom-bottom .scrolltop-button:hover {
   background: #f55d56;
   color: white;
 }

diff --git a/client/src/css/Navbar.css b/client/src/css/Navbar.css
@@ -318,13 +318,6 @@
   /* Enhanced shadow effect */
 }
 
-.button {
-  padding-top: 5%;
-  border: #ffffff;
-  background-color: inherit;
-  font-family: sans-serif;
-  font-size: medium;
-}
 
 /* .......................... */
 

diff --git a/client/src/css/ScrollTop.css b/client/src/css/ScrollTop.css
@@ -11,7 +11,7 @@
     display: block;
 }
 
-.button {
+.scrolltop-button {
     width: 50px;
     height: 50px;
     border-radius: 50%;
@@ -37,7 +37,7 @@
     fill: white;
 }
 
-.button:hover {
+.scrolltop-button:hover {
     background: linear-gradient(135deg, rgba(255, 181, 160, 1) 0%, rgba(20, 20, 20, 1) 100%);
 }