首页导航样式微调

src/components/dashboard/menu.jsx

@@ -309,7 +309,7 @@ class DashboardMenu extends React.Component {
                 >
                     <TreeNode title={
                         <div className='node-title node-menu'>
-                            <span><div className='label' onDoubleClick={() => {
+                            <span><div className='label' style={{ fontSize: '16px' }} onDoubleClick={() => {
                                 const { model, onExpand: propsOnExpand } = this.props;
                                 const { menuExpandedKeys } = model;
                                 let expandedMenus = [];

src/components/dashboard/menu.less

@@ -1,5 +1,6 @@
 .menu-container {
     height: 100%;
+    padding: 0 3px 7px 0;
     // padding-top: 88px;
     // .menu-buttons {
     //     height: 32px;
@@ -23,34 +24,45 @@
     .menu-content {
         height: 100%;
         overflow: auto;
+        padding: 0 0 0 12px;
         border-top: 1px solid #ccc;
 
-        .ant-tree li .ant-tree-node-content-wrapper {
-            width: ~'calc(100% - 32px)';
-            overflow: hidden;
-            text-overflow: ellipsis;
-
-            .node-title {
-                display: flex;
-                justify-content: space-between;
-                &>span {
-                    width: ~'calc(100% - 62px)';
-                    .label {
-                        font-size: 16px;
-                        overflow: hidden;
-                        text-overflow: ellipsis;
-                        user-select:none;
-                    }
+        .ant-tree {
+            li {
+                span.ant-tree-switcher {
+                    width: 13px;
                 }
-                .tools {
-                    .anticon {
-                        display: none;
-                    }
+                span.ant-tree-node-content-wrapper {
+                    padding-left: 4px;
                 }
-                &:hover {
-                    .tools {
-                        .anticon {
-                            display: inline-block;
+                .ant-tree-node-content-wrapper {
+                    width: ~'calc(100% - 32px)';
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+        
+                    .node-title {
+                        display: flex;
+                        justify-content: space-between;
+                        &>span {
+                            width: ~'calc(100% - 62px)';
+                            .label {
+                                // font-size: 16px;
+                                overflow: hidden;
+                                text-overflow: ellipsis;
+                                user-select:none;
+                            }
+                        }
+                        .tools {
+                            .anticon {
+                                display: none;
+                            }
+                        }
+                        &:hover {
+                            .tools {
+                                .anticon {
+                                    display: inline-block;
+                                }
+                            }
                         }
                     }
                 }

src/components/homePage/collection.less

@@ -7,7 +7,7 @@
             user-select:none;
             padding: 0 16px 0 30px;
             &>.ant-collapse-arrow {
-                left: 6px;
+                left: 14px;
                 &>svg {
                     width: 10px;
                     height: 10px;
@@ -16,9 +16,9 @@
         }
         &>.ant-collapse-content {
             &>.ant-collapse-content-box {
-                padding: 8px 16px;
+                padding: 8px 27px 8px 16px;
                 &>.item {
-                    font-size: 16px;
+                    // font-size: 16px;
                     user-select:none;
                     padding: 6px 0 5px 31px;
                     display: flex;