From b388d943473ff52e748876540a9097090cec351b Mon Sep 17 00:00:00 2001
From: sonali <sonali.humbingo@gmail.com>
Date: Wed, 9 Oct 2024 11:32:10 +0530
Subject: [PATCH] " CSS CHANGE"

---
 .../pages/Income/Amount/EntriesList.css       | 50 ++++++++++++++-----
 1 file changed, 38 insertions(+), 12 deletions(-)

diff --git a/src/components/pages/Income/Amount/EntriesList.css b/src/components/pages/Income/Amount/EntriesList.css
index 19e8d4f..9701a09 100644
--- a/src/components/pages/Income/Amount/EntriesList.css
+++ b/src/components/pages/Income/Amount/EntriesList.css
@@ -1,10 +1,9 @@
-
 .entries-list-container {
   background: #1e1e1e;
   box-shadow: -8px -8px 12px rgba(50, 50, 51, 0.66),
-              8px 8px 16px #040404,
-              inset -2px -2px 2px rgba(4, 4, 4, 0.64),
-              inset 2px 2px 2px rgba(39, 39, 44, 0.56);
+    8px 8px 16px #040404,
+    inset -2px -2px 2px rgba(4, 4, 4, 0.64),
+    inset 2px 2px 2px rgba(39, 39, 44, 0.56);
   border-radius: 24px;
   padding: 30px;
   max-width: 1000px;
@@ -20,7 +19,7 @@
 
 
 .entry-item {
-  
+
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -55,6 +54,7 @@
   margin-right: 10px;
   flex: 1;
 }
+
 .entries-list-container {
   margin: 20px;
 }
@@ -96,8 +96,32 @@
   z-index: 1;
   margin-top: 1px;
   border-radius: 4px;
+  max-height: 150px;
+  overflow-y: auto;
+  scrollbar-width: thin;
+  scrollbar-color: #888 #333;
 }
 
+
+.dropdown-content::-webkit-scrollbar {
+  width: 8px;
+}
+
+.dropdown-content::-webkit-scrollbar-track {
+  background: #333;
+}
+
+.dropdown-content::-webkit-scrollbar-thumb {
+  background-color: #888;
+  border-radius: 10px;
+  border: 1px solid #333;
+}
+
+.custom-dropdown:hover .dropdown-content {
+  display: block;
+}
+
+
 .custom-dropdown:hover .dropdown-content {
   display: block;
 }
@@ -115,8 +139,8 @@
 
 
 .dropdown-item.selected {
-  background-color: #bbb3b33d; 
-  color: #ffffff; 
+  background-color: #bbb3b33d;
+  color: #ffffff;
 }
 
 
@@ -156,14 +180,16 @@
 
 @media (max-width: 480px) {
   .dropdown-item.selected {
-    background-color: #bbb3b33d; 
-    color: #ffffff; 
+    background-color: #bbb3b33d;
+    color: #ffffff;
   }
 }
 
 @media (max-width: 768px) {
   .dropdown-item.selected {
-    background-color: #bbb3b33d; 
-    color: #ffffff; 
+    background-color: #bbb3b33d;
+    color: #ffffff;
   }
-}
\ No newline at end of file
+}
+
+