This is an automated email from the ASF dual-hosted git repository.

gongchao pushed a commit to branch update-monitor-list
in repository https://gitbox.apache.org/repos/asf/hertzbeat.git

commit 6cf717ed4dd8464a8673958f114ea61b088e6ef7
Author: tomsun28 <[email protected]>
AuthorDate: Mon Mar 31 14:01:22 2025 +0800

    update
---
 .../monitor-list/monitor-list.component.less       | 69 +++++++++++++++++++++-
 1 file changed, 68 insertions(+), 1 deletion(-)

diff --git 
a/web-app/src/app/routes/monitor/monitor-list/monitor-list.component.less 
b/web-app/src/app/routes/monitor/monitor-list/monitor-list.component.less
index 9d4f400357..f6302b1ecf 100644
--- a/web-app/src/app/routes/monitor/monitor-list/monitor-list.component.less
+++ b/web-app/src/app/routes/monitor/monitor-list/monitor-list.component.less
@@ -243,6 +243,73 @@
   :host {
     .monitor-card {
       background-color: @common-background-color-dark;
-    } 
+      border-color: #303030;
+      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+      
+      &:hover {
+        border-color: @primary-color;
+        box-shadow: 0 1px 8px rgba(24, 144, 255, 0.3);
+      }
+    }
+    
+    .monitor-card-title button {
+      color: @primary-color;
+    }
+    
+    .time-ago {
+      color: #a0a0a0;
+    }
+    
+    .host-item button[nzType="text"] {
+      color: #d9d9d9;
+      
+      &:hover {
+        color: @primary-color;
+      }
+    }
+    
+    .action-button {
+      background-color: #303030;
+      border-color: #434343;
+      
+      &:hover {
+        background-color: #1f1f1f;
+        border-color: @primary-color;
+      }
+    }
+    
+    .label-tags .ant-tag {
+      background-color: #303030;
+    }
+    
+    .export-type-card {
+      background-color: @common-background-color-dark;
+      border-color: #303030;
+      
+      &:hover {
+        border-color: @primary-color;
+        box-shadow: 0 0 8px rgba(24, 144, 255, 0.3);
+      }
+      
+      &.loading {
+        opacity: 0.5;
+        background-color: #1f1f1f;
+      }
+    }
+    
+    .export-type-icon {
+      color: @primary-color;
+      background: rgba(24, 144, 255, 0.2);
+    }
+    
+    .export-type-info {
+      h3 {
+        color: #d9d9d9;
+      }
+      
+      p {
+        color: #a0a0a0;
+      }
+    }
   }
 }


---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to