refactor(web): 面板管理样式

4 years ago · 2d37cfc671
parent 29cd635cf4
commit 2d37cfc671
2 changed files with 13 additions and 0 deletions
--- a/web/src/components/modals/GroupDetail/Panel/index.tsx
+++ b/web/src/components/modals/GroupDetail/Panel/index.tsx
@ -30,6 +30,8 @@ export const GroupPanel: React.FC<{

  return (
    <div>
+      <div className="text-xl font-bold mb-4">{t('面板管理')}</div>
+
      <GroupPanelTree
        groupPanels={editingGroupPanels}
        onChange={handleChange}
--- a/web/src/styles/antd/dark.less
+++ b/web/src/styles/antd/dark.less
@ -44,4 +44,15 @@
    }
  }

+  // 树
+  .ant-tree {
+    background-color: transparent;
+    color: rgba(255,255,255,0.85);
+
+    .ant-tree-node-content-wrapper {
+      &:hover {
+        background-color: rgba(255,255,255,0.08);
+      }
+    }
+  }
 }