fix: #1044 (#1108) add hover effect in scroll to top button

* add hover effect in scroll to top button * add hover effect in scroll to top button final * components/scrollToTop.jax: added features to button * issue 1044 fiexd scroll up button * Update ScrollToTop.jsx Signed-off-by: Priyankar Pal <[email protected]> * Update ScrollToTop.jsx Signed-off-by: Priyankar Pal <[email protected]> --------- Signed-off-by: Priyankar Pal <[email protected]> Co-authored-by: Priyankar Pal <[email protected]>
priyankarpal · Jun 8, 2023 · 4de583d · 4de583d · vercel · Jun 8, 2023
1 parent 73f3480
commit 4de583d
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/components/ScrollToTop.jsx b/src/components/ScrollToTop.jsx
@@ -36,7 +36,11 @@ function ScrollToTop() {
       type="button"
       className={`fixed p-2 bg-gray-400 bg-opacity-100 shadow-lg rounded-full z-20 ${
         isVisible ? ' bottom-4 right-4' : 'hidden'
-      }`}
+      } hover:from-indigo-500
+      hover:via-purple-700
+      hover:bg-gradient-to-r`}
+
+
       onClick={scrollToTop}
     >
       <ArrowUp size={25} color="black" />