mirror of
https://github.com/YMFE/yapi.git
synced 2025-03-01 14:05:44 +08:00
fix: 接口详情页侧栏
This commit is contained in:
wenbo.dong
parent
607911dfb6
commit
5ff16d551f
@ -89,7 +89,6 @@
|
||||
background-color: #fff;
|
||||
background-image: none;
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 4px;
|
||||
-webkit-transition: all .3s;
|
||||
transition: all .3s;
|
||||
overflow-x:auto;
|
||||
@ -100,4 +99,3 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -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;
|
||||
@ -89,8 +89,8 @@
|
||||
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;
|
||||
@ -164,4 +164,3 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -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">
|
||||
|
||||
@ -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} />
|
||||
|
||||
@ -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()}>
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user