Merge pull request #331 from DecentralCardGame/313-dropdown-scrollbar

Dropdown Scrollbar

Author: lxgr-linux

src/assets/index.css

@@ -3,23 +3,25 @@
 @tailwind components;
 @tailwind utilities;
 
+:root {
+    background-color:black;
+}
 ::-webkit-scrollbar {
     width: 10px;
 }
 
 /* Track */
 ::-webkit-scrollbar-track {
-    background: #FFFFFF;
     border-radius: 5px;
 }
 
 /* Handle */
 ::-webkit-scrollbar-thumb {
-    background: #555;
+    background: #8F6173;
     border-radius: 5px;
 }
 
 /* Handle on hover */
 ::-webkit-scrollbar-thumb:hover {
-    background: #D82027;;
+     background: #4E0723; 
 }

src/components/elements/Dropdown/Dropdown.vue

@@ -18,7 +18,7 @@
     </div>
     <ul
       v-if="isOpen"
-      class="absolute z-30 ring ring-white rounded ring-opacity-100 whitespace-nowrap"
+      class="absolute z-30 ring ring-white rounded ring-opacity-100 whitespace-nowrap max-h-[50svh] overflow-auto"
       :class="[getBgColor(type)]"
     >
       <li