From e32626932fed315945cec8536609d8886a63a76f Mon Sep 17 00:00:00 2001
From: lishuaia <lishuaia@qq.com>
Date: Mon, 17 Jun 2024 20:43:07 +0800
Subject: [PATCH] fix css

---
 src/views/monitor/index.vue | 28 ++++++++++++++++++++++++++--
 1 file changed, 26 insertions(+), 2 deletions(-)

diff --git a/src/views/monitor/index.vue b/src/views/monitor/index.vue
index 28be131..e9267a1 100644
--- a/src/views/monitor/index.vue
+++ b/src/views/monitor/index.vue
@@ -459,6 +459,9 @@ export default {
 
 .dept-tree {
   width: 100%;
+  height: 100%;
+    display: flex;
+    flex-direction: column;
 }
 
 .valuestyle {
@@ -522,8 +525,29 @@ export default {
 }
 
 .sensorlist {
-  width: 90%;
-  padding-left: 10%
+  width: 99%;
+  padding-left: 10%;
+  height: auto;
+  overflow-y: scroll;
+}
+  /* 自定义整个滚动条 */
+  .sensorlist::-webkit-scrollbar {
+  width: 2px; /* 设置滚动条的宽度 */
+}
+
+/* 自定义滚动条轨道 */
+.sensorlist::-webkit-scrollbar-track {
+  background: #ffffff; /* 设置轨道的背景颜色 */
+}
+
+/* 自定义滚动条的滑块（thumb） */
+.sensorlist::-webkit-scrollbar-thumb {
+  background: #eeeded; /* 设置滑块的背景颜色 */
+}
+
+/* 当滑块悬停或活动时自定义滚动条的滑块 */
+.sensorlist::-webkit-scrollbar-thumb:hover {
+  background: #3e09cf; /* 设置滑块在悬停状态下的背景颜色 */
 }
 
 .sensorlist li {