Explorar o código

style: 调整chat log页面中AI API Log弹窗中JSON展示样式

Jack Zhou hai 3 meses
pai
achega
35a05fdf14
Modificáronse 2 ficheiros con 7 adicións e 0 borrados
  1. 4 0
      src/styles/theme.scss
  2. 3 0
      src/views/AIApiLog/src/components/LogDialog.vue

+ 4 - 0
src/styles/theme.scss

@@ -352,6 +352,8 @@
   --color--process-data-tips-bg: #e8ebef;
 
   --color-ant-picker-th: #b5b9bf;
+
+  --color-json-item-hover: #e6f7ff;
 }
 
 :root.dark {
@@ -577,5 +579,7 @@
   --color--process-data-tips-bg: #4f5760;
   
   --color-ant-picker-th: rgba(240, 241, 243,0.3);
+
+  --color-json-item-hover: #3e5966;
 }
   

+ 3 - 0
src/views/AIApiLog/src/components/LogDialog.vue

@@ -87,5 +87,8 @@ defineExpose({
   .el-dialog__body {
     padding: 0;
   }
+  .vjs-tree-node:hover {
+    background-color: var(--color-json-item-hover);
+  }
 }
 </style>