From 3ca11567e1441b3215e7ecd9a3cbab29d67d2a46 Mon Sep 17 00:00:00 2001 From: Pkpedram Date: Sat, 19 Feb 2022 11:14:05 +0330 Subject: [PATCH] ScrollBar Designed --- src/App.css | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) diff --git a/src/App.css b/src/App.css index 811d561..2575e5d 100644 --- a/src/App.css +++ b/src/App.css @@ -11,4 +11,25 @@ input::-webkit-inner-spin-button { } .rtl{ direction: rtl; +} +/* width */ +::-webkit-scrollbar { + width: 5px; + background: #dbdbdb; +} + +/* Track */ +::-webkit-scrollbar-track { + border-radius: 10px; +} + +/* Handle */ +::-webkit-scrollbar-thumb { + background: #df1452; + border-radius: 10px; +} + +/* Handle on hover */ +::-webkit-scrollbar-thumb:hover { + background: #b30000; } \ No newline at end of file