From b54dfd127dc22c5be82ae4c9229086862ca2fee8 Mon Sep 17 00:00:00 2001 From: aditya sharma Date: Sun, 4 Jun 2023 21:09:29 +0530 Subject: [PATCH 1/6] add hover effect in scroll to top button --- src/components/ScrollToTop.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/ScrollToTop.jsx b/src/components/ScrollToTop.jsx index 62672d27e..e2c49acc0 100644 --- a/src/components/ScrollToTop.jsx +++ b/src/components/ScrollToTop.jsx @@ -36,7 +36,7 @@ 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:bg-[#3b507e] hover:-translate-y-1.5 hover:h-12 hover:w-12 hover:px-3`} onClick={scrollToTop} > From 0e46868310b9c1492f11160ea49adf6f2d075d59 Mon Sep 17 00:00:00 2001 From: aditya sharma Date: Sun, 4 Jun 2023 21:37:59 +0530 Subject: [PATCH 2/6] add hover effect in scroll to top button final --- src/DB/projects.json | 8 ++++++++ src/components/ScrollToTop.jsx | 7 ++++++- 2 files changed, 14 insertions(+), 1 deletion(-) diff --git a/src/DB/projects.json b/src/DB/projects.json index c51217ed6..2d425e306 100644 --- a/src/DB/projects.json +++ b/src/DB/projects.json @@ -2292,5 +2292,13 @@ "tech": ["HTML", "Tailwind CSS"] } ] + }, + { + "github_username": "sditya-stoic-sharma", + "Social_media": { + "gitHub": "https://github.com/aditya-stoic-sharma", + "LinkedIn": "" + } + } ] diff --git a/src/components/ScrollToTop.jsx b/src/components/ScrollToTop.jsx index e2c49acc0..27fad0ef2 100644 --- a/src/components/ScrollToTop.jsx +++ b/src/components/ScrollToTop.jsx @@ -36,7 +36,12 @@ 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:bg-[#3b507e] hover:-translate-y-1.5 hover:h-12 hover:w-12 hover:px-3`} + } hover:-translate-y-1.5 hover:h-12 hover:w-12 hover:px-3 + hover:from-indigo-500 + hover:via-purple-700 + hover:bg-gradient-to-r`} + + onClick={scrollToTop} > From b6a18aeee6320de273547a7f8b94a7ccc300b8d9 Mon Sep 17 00:00:00 2001 From: aditya sharma Date: Mon, 5 Jun 2023 08:45:38 +0530 Subject: [PATCH 3/6] components/scrollToTop.jax: added features to button --- src/DB/projects.json | 8 -------- 1 file changed, 8 deletions(-) diff --git a/src/DB/projects.json b/src/DB/projects.json index 018cfec6b..ce7f79cf3 100644 --- a/src/DB/projects.json +++ b/src/DB/projects.json @@ -2333,13 +2333,5 @@ "tech": ["HTML", "Tailwind CSS"] } ] - }, - { - "github_username": "sditya-stoic-sharma", - "Social_media": { - "gitHub": "https://github.com/aditya-stoic-sharma", - "LinkedIn": "" - } - } ] From 30f14c5397111eb563ca29f5c9d45fab9df73f8f Mon Sep 17 00:00:00 2001 From: aditya sharma Date: Tue, 6 Jun 2023 17:01:11 +0530 Subject: [PATCH 4/6] issue 1044 fiexd scroll up button --- src/components/ScrollToTop.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/ScrollToTop.jsx b/src/components/ScrollToTop.jsx index 27fad0ef2..7b3d010a9 100644 --- a/src/components/ScrollToTop.jsx +++ b/src/components/ScrollToTop.jsx @@ -36,7 +36,7 @@ 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:-translate-y-1.5 hover:h-12 hover:w-12 hover:px-3 + } hover:h-12 hover:w-12 hover:px-3 hover:from-indigo-500 hover:via-purple-700 hover:bg-gradient-to-r`} From 53870d70a407366653418478aa9face2a537b58b Mon Sep 17 00:00:00 2001 From: Priyankar Pal <88102392+priyankarpal@users.noreply.github.com> Date: Thu, 8 Jun 2023 08:17:15 +0530 Subject: [PATCH 5/6] Update ScrollToTop.jsx Signed-off-by: Priyankar Pal <88102392+priyankarpal@users.noreply.github.com> --- src/components/ScrollToTop.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/ScrollToTop.jsx b/src/components/ScrollToTop.jsx index 7b3d010a9..009c115dc 100644 --- a/src/components/ScrollToTop.jsx +++ b/src/components/ScrollToTop.jsx @@ -36,7 +36,7 @@ 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:h-12 hover:w-12 hover:px-3 + } hover:h-12 hover:w-12 hover:from-indigo-500 hover:via-purple-700 hover:bg-gradient-to-r`} From 95316fb640fb306d215cb1dd516d3720da40d726 Mon Sep 17 00:00:00 2001 From: Priyankar Pal <88102392+priyankarpal@users.noreply.github.com> Date: Thu, 8 Jun 2023 08:22:31 +0530 Subject: [PATCH 6/6] Update ScrollToTop.jsx Signed-off-by: Priyankar Pal <88102392+priyankarpal@users.noreply.github.com> --- src/components/ScrollToTop.jsx | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/src/components/ScrollToTop.jsx b/src/components/ScrollToTop.jsx index 009c115dc..301aadb22 100644 --- a/src/components/ScrollToTop.jsx +++ b/src/components/ScrollToTop.jsx @@ -36,8 +36,7 @@ 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:h-12 hover:w-12 - hover:from-indigo-500 + } hover:from-indigo-500 hover:via-purple-700 hover:bg-gradient-to-r`}