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

gongchao pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/hertzbeat.git


The following commit(s) were added to refs/heads/master by this push:
     new affccb7fb7 [fix] fixed issue with the token management style (#4083)
affccb7fb7 is described below

commit affccb7fb7b58f8bb1ab9fa5aa5cf8778e24b62c
Author: Duansg <[email protected]>
AuthorDate: Sun Mar 22 11:23:13 2026 +0800

    [fix] fixed issue with the token management style (#4083)
---
 .../token-management/token-management.component.html   | 13 +------------
 web-app/src/styles/index.less                          | 18 ++++++++++++++++++
 2 files changed, 19 insertions(+), 12 deletions(-)

diff --git 
a/web-app/src/app/routes/setting/settings/token-management/token-management.component.html
 
b/web-app/src/app/routes/setting/settings/token-management/token-management.component.html
index dd47179286..dbcc3fdfff 100644
--- 
a/web-app/src/app/routes/setting/settings/token-management/token-management.component.html
+++ 
b/web-app/src/app/routes/setting/settings/token-management/token-management.component.html
@@ -124,18 +124,7 @@
           {{ 'common.button.copy' | i18n }}
         </button>
       </div>
-      <div
-        style="
-          padding: 12px;
-          border: 1px solid #d9d9d9;
-          border-radius: 4px;
-          word-wrap: break-word;
-          word-break: break-all;
-          font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, 
monospace;
-          font-size: 13px;
-          background: #fafafa;
-        "
-      >
+      <div class="token-display">
         {{ generatedToken }}
       </div>
     </div>
diff --git a/web-app/src/styles/index.less b/web-app/src/styles/index.less
index 57763c6b79..8abcb38440 100644
--- a/web-app/src/styles/index.less
+++ b/web-app/src/styles/index.less
@@ -151,3 +151,21 @@ html {
 [data-theme='dark'] ::-webkit-scrollbar-thumb:hover {
   background: rgba(255, 255, 255, 0.3);
 }
+
+/* Token display styling in modal */
+.token-display {
+  padding: 12px;
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+  word-wrap: break-word;
+  word-break: break-all;
+  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
+  font-size: 13px;
+  background: #fafafa;
+}
+
+[data-theme='dark'] .token-display {
+  background: #1f1f1f;
+  border-color: #434343;
+  color: rgba(255, 255, 255, 0.85);
+}


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

Reply via email to