From 3043a7bd9a540a17ece751b43c4f1ba5130676bb Mon Sep 17 00:00:00 2001 From: Bhavy_Zala Date: Tue, 11 Jun 2024 12:11:21 +0530 Subject: [PATCH 1/2] Scrollbar with style added --- src/index.css | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) diff --git a/src/index.css b/src/index.css index 51c0651..f0a271b 100644 --- a/src/index.css +++ b/src/index.css @@ -11,8 +11,30 @@ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } +/*scrollbar*/ +::-webkit-scrollbar-track +{ + -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); + background-color: #F5F5F5; + border-radius: 10px; +} +::-webkit-scrollbar +{ + width: 10px; + background-color: #F5F5F5; +} +::-webkit-scrollbar-thumb +{ + border-radius: 10px; + background-image: -webkit-gradient(linear, + left bottom, + left top, + color-stop(0.44, rgb(122,153,217)), + color-stop(0.72, rgb(73,125,189)), + color-stop(0.86, rgb(28,58,148))); +} /* BACKGROUND with wave animation */ From 38199d6cd8e49ed8fc969d3a3c15e27bc44fc79d Mon Sep 17 00:00:00 2001 From: Bhavy Zala <126322584+zalabhavy@users.noreply.github.com> Date: Wed, 12 Jun 2024 12:21:02 +0530 Subject: [PATCH 2/2] Update index.css --- src/index.css | 19 ++++--------------- 1 file changed, 4 insertions(+), 15 deletions(-) diff --git a/src/index.css b/src/index.css index f0a271b..2a4f1dd 100644 --- a/src/index.css +++ b/src/index.css @@ -12,30 +12,19 @@ -moz-osx-font-smoothing: grayscale; } /*scrollbar*/ -::-webkit-scrollbar-track -{ +::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; border-radius: 10px; } - -::-webkit-scrollbar -{ +::-webkit-scrollbar{ width: 10px; background-color: #F5F5F5; } - -::-webkit-scrollbar-thumb -{ +::-webkit-scrollbar-thumb{ border-radius: 10px; - background-image: -webkit-gradient(linear, - left bottom, - left top, - color-stop(0.44, rgb(122,153,217)), - color-stop(0.72, rgb(73,125,189)), - color-stop(0.86, rgb(28,58,148))); + background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, rgb(122,153,217)), color-stop(0.72, rgb(73,125,189)), color-stop(0.86, rgb(28,58,148))); } - /* BACKGROUND with wave animation */