fix: 接口详情页侧栏

client/containers/News/News.scss

@@ -34,7 +34,7 @@
     }
     .logtime{
       padding-right: 16px;
-      
+
     }
     .logcontent{
       display: block;
@@ -64,10 +64,10 @@
     width: 100%;
     border-bottom: 1px solid #e9e9e9;
     padding: 24px 0px;
-    overflow: hidden; 
+    overflow: hidden;
     .breadcrumb-container{
       float: left;
-      min-width:100px; 
+      min-width:100px;
     }
     .Mockurl{
       width: 500px;
@@ -89,10 +89,9 @@
         background-color: #fff;
         background-image: none;
         border: 1px solid #d9d9d9;
-        border-radius: 4px;
         -webkit-transition: all .3s;
         transition: all .3s;
-        overflow-x:auto; 
+        overflow-x:auto;
       }
       button{
         float: right;
@@ -100,4 +99,3 @@
     }
   }
 }
-

client/containers/Project/Activity/Activity.scss

@@ -21,7 +21,7 @@
         top:8px;
         // border-color:#e1e3e4;
         border:2px solid #e1e3e4;
-        border-radius: 20px;
+        border-radius: 50%;
       }
       .ant-timeline-item-tail{
         top: 30px;
@@ -30,7 +30,7 @@
     .ant-avatar{
       // border:2px solid gray;
     }
-    
+
     .logusername{
       color: #4eaef3;
       padding: 0px 16px 0px 8px;
@@ -41,7 +41,7 @@
     }
     .logtime{
       padding-right: 16px;
-      
+
     }
     .logcontent{
       display: block;
@@ -84,13 +84,13 @@
         // max-width: 600px;
         width: 625px;
         border-radius: 8px;
-        
+
         .logMesHeade{
           color: white;
           padding: 16px 8px 8px 8px;
           background-color: rgba(35, 149, 241, 0.88);
-          border-top-left-radius: 8px;
-          border-top-right-radius: 8px;
+          border-top-left-radius: 4px;
+          border-top-right-radius: 4px;
         }
         .logoTimeago{
           left: -120px;
@@ -102,7 +102,7 @@
           padding: 0px 16px;
         }
       }
-      
+
     }
     .ant-timeline-item-pending{
         padding: 0px;
@@ -122,10 +122,10 @@
     width: 100%;
     border-bottom: 1px solid #e9e9e9;
     padding: 24px 0px;
-    overflow: hidden; 
+    overflow: hidden;
     .breadcrumb-container{
       float: left;
-      min-width:100px; 
+      min-width:100px;
     }
     .projectDes{
       color: #7b7b7b;
@@ -156,7 +156,7 @@
         border-radius: 4px;
         -webkit-transition: all .3s;
         transition: all .3s;
-        overflow-x:auto; 
+        overflow-x:auto;
       }
       button{
         float: right;
@@ -164,4 +164,3 @@
     }
   }
 }
-

client/containers/Project/Interface/Interface.js

@@ -83,7 +83,7 @@ class Interface extends Component {
     // console.log(matchPath(this.props.location.pathname, contentRouter));
     return (
       <Layout style={{marginTop: '-24px'}}>
-        <Sider style={{ marginLeft: '24px', marginTop: '24px' }} width={300}>
+        <Sider style={{ height: '100vh', marginLeft: '24px', marginTop: '24px' }} width={300}>
           <div className="left-menu">
             <Tabs type="card" activeKey={activeKey} onChange={this.onChange}>
               <Tabs.TabPane tab="接口列表" key="api">

client/containers/Project/Interface/InterfaceList/InterfaceList.js

@@ -166,7 +166,7 @@ class InterfaceList extends Component {
       return item;
     });
     return (
-      <div style={{ padding: '16px' }}>
+      <div style={{ padding: '24px' }}>
         <h2 style={{ display: 'inline-block'}}>{intername?intername:'全部接口'}</h2>
         <Button style={{float: 'right'}} type="primary" onClick={() => this.setState({ visible: true })}>添加接口</Button>
         <Table className="table-interfacelist" pagination={false} columns={columns} onChange={this.handleChange} dataSource={data} />

client/containers/Project/Interface/InterfaceList/InterfaceMenu.js

@@ -336,7 +336,7 @@ class InterfaceMenu extends Component {
       };
 
       return <TreeNode
-        title={<div className="aa" onMouseEnter={() => this.enterItem(item._id)} onMouseLeave={this.leaveItem} >
+        title={<div onMouseEnter={() => this.enterItem(item._id)} onMouseLeave={this.leaveItem} >
           <Link className="interface-item" to={"/project/" + matchParams.id + "/interface/api/" + item._id} >{item.title}</Link>
           {/*<Icon type='delete' className="interface-delete-icon" onClick={() => { this.showConfirm(item._id) }} style={{ display: this.state.delIcon == item._id ? 'block' : 'none' }} />*/}
           <Dropdown overlay={menu(item)} trigger={['click']} onClick={e => e.stopPropagation()}>

client/containers/Project/Interface/interface.scss

@@ -34,8 +34,8 @@
     // }
     .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active{
         height: 40px;
-        background-color: $color-bg-dark;
-        color: $color-white;
+        background-color: #ddd;
+        // color: $color-white;
     }
 
     .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-nav-container{
@@ -59,7 +59,7 @@
         padding: 12px 16px;
         padding-right: 58px;
         line-height: 32px;
-        background-color: $color-bg-dark;
+        background-color: #ddd;
         position: relative;
     }
     .btn-filter {
@@ -68,6 +68,25 @@
         top: 50%;
         transform: translateY(-50%);
     }
+    .ant-tree li .ant-tree-node-content-wrapper {
+      width: calc(100% - 24px);
+      position: relative;
+    }
+
+    .interface-delete-icon{
+        position: relative;
+        right: 0;
+        // top: 2px;
+        float: right;
+        line-height: 25px;
+        width: 30px;
+    }
+    .interface-delete-icon:hover {
+        color: #2395f1;
+        border-radius: 4px;
+        box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
+    }
+
     .interface-list{
         .cat_switch_hidden{
             .ant-tree-switcher{
@@ -105,7 +124,7 @@
 
 
             a{
-                color: #333
+                color: #333;
             }
 
             .btn-http{
@@ -126,23 +145,7 @@
                 line-height:25px;
             }
 
-        .ant-tree-node-content-wrapper{
-            width: 100%
-        }
 
-            .interface-delete-icon{
-                position: relative;
-                right: 21px;
-                // top: 2px;
-                float: right;
-                line-height: 25px;
-                width: 30px;
-            }
-            .interface-delete-icon:hover {
-                color: #2395f1;
-                border-radius: 4px;
-                box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
-            }
         }
     }
 }
@@ -150,12 +153,12 @@
 .right-content{
     margin:3px;
     min-height: 5rem;
-    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
     background: #fff;
-    border-radius:5px;
     .interface-content{
         .ant-tabs-nav{
-            width:100%
+            width:100%;
+            // background-color: #ddd;
+            // color: $color-white;
         }
         .ant-tabs-nav-wrap{
             text-align: left;

client/containers/Project/Setting/ProjectData/ProjectData.js

@@ -133,7 +133,7 @@ class ProjectData extends Component {
     }
     return (
       <div className="g-row">
-        <div className="m-panel" style={{ paddingTop: '15px' }}>
+        <div className="m-panel">
           <div className="postman-dataImport">
             <div className="dataImportCon">
               <div ><h3>数据导入</h3></div>

client/containers/Project/Setting/ProjectMember/ProjectMember.js

@@ -206,7 +206,7 @@ class ProjectMember extends Component {
     }];
     return (
       <div className="g-row">
-        <div className="m-panel" style={{paddingTop: '15px'}}>
+        <div className="m-panel">
           <Modal
             title="添加成员"
             visible={this.state.visible}