From 639f1748403dfb3a7c8cfc4f0dcca70bc4850473 Mon Sep 17 00:00:00 2001
From: rohan09-raj <rajrohan1914@gmail.com>
Date: Fri, 1 Mar 2024 19:30:21 +0530
Subject: feat: made language dropdown scrollable

---
 .../CustomSelect/CustomSelect.module.css           |  4 ++-
 client/src/index.css                               | 29 ++++++++++++++++++++++
 2 files changed, 32 insertions(+), 1 deletion(-)

diff --git a/client/src/components/CustomSelect/CustomSelect.module.css b/client/src/components/CustomSelect/CustomSelect.module.css
index 81f9e62..4b5f1a4 100644
--- a/client/src/components/CustomSelect/CustomSelect.module.css
+++ b/client/src/components/CustomSelect/CustomSelect.module.css
@@ -20,6 +20,8 @@
   position: absolute;
   top: 140%;
   left: 0;
+  height: 400px;
+  overflow-y: auto;
   width: 100%;
   border: none;
   border-radius: 10px;
@@ -34,7 +36,7 @@
   cursor: pointer;
   transition: all 0.3s ease;
   &:hover {
-    scale: 1.1;
+    scale: 0.9;
   }
   &:last-child {
     border-bottom: none;
diff --git a/client/src/index.css b/client/src/index.css
index 777afd8..2c7597e 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -24,3 +24,32 @@ h1 {
   font-size: 3rem;
   font-weight: 400;
 }
+
+::-webkit-scrollbar {
+  width: 10px;
+}
+
+::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  background: var(--color-dark);
+}
+
+/* For Firefox */
+::-moz-scrollbar {
+  width: 10px;
+}
+
+::-moz-scrollbar-thumb {
+  border-radius: 10px;
+  background: var(--color-dark);
+}
+
+/* For IE and Edge */
+::-ms-scrollbar {
+  width: 10px;
+}
+
+::-ms-scrollbar-thumb {
+  border-radius: 10px;
+  background: var(--color-dark);
+}
-- 
cgit v1.2.3-73-gaa49b