Improve scrollbar visibility for ApexCharts in dark and light layouts

RunOnFlux · Oct 19, 2024 · ad7baa4 · ad7baa4
1 parent 064fa6b
commit ad7baa4
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/HomeUI/src/views/dashboard/Map.vue b/HomeUI/src/views/dashboard/Map.vue
@@ -273,4 +273,15 @@ export default {
   .dark-layout span.apexcharts-legend-text {
     color: #d0d2d6 !important;
   }
+  .dark-layout .apexcharts-canvas ::-webkit-scrollbar-track {
+    background-color: #2a2a2a;
+    border-radius: 10px;
+  }
+  .dark-layout .apexcharts-canvas ::-webkit-scrollbar-thumb {
+    background-color: #888888;
+  }
+  .apexcharts-canvas ::-webkit-scrollbar-track {
+    background-color: #888888;
+    border-radius: 10px;
+  }
 </style>