Changed dropdown height to be more responsive and used same scrollbar as other components

psychlone77 · psychlone77 · commit 26c60914163a · 2025-02-06T15:14:18.000+05:30
diff --git a/src/styles/main.css b/src/styles/main.css
@@ -413,7 +413,7 @@ abbr {
 
   position: absolute;
   width: 100%;
-  height: 20rem;
+  height: 50vh;
   overflow-y: auto;
 
   background-color: var(--clr-bg-secondary);
@@ -437,6 +437,19 @@ abbr {
   overflow: hidden;
 }
 
+.selector__dropdown::-webkit-scrollbar {
+  width: 8px;
+}
+
+.selector__dropdown::-webkit-scrollbar-thumb {
+  background: var(--scrollbar-thumb);
+  border-radius: 4px;
+}
+
+.selector__dropdown::-webkit-scrollbar-thumb:hover {
+  background: var(--scrollbar-thumb);
+}
+
 .selector__item {
   position: relative;
   cursor: pointer;
