mirror/yapi
2
0
Fork 0
mirror of https://github.com/YMFE/yapi.git synced 2025-01-06 12:45:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: 修改添加分组和search为响应式及footer样式

Browse Source
This commit is contained in:
qitmac000249 2017-07-27 11:23:48 +08:00
parent ad0b2e5cde
commit 0c2515caa8
3 changed files with 26 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/components/Footer/Footer.js
View File

@ -43,9 +43,9 @@ class FootItem extends Component {
render () {
return (
<div className = 'footItem'>
<h4><Icon type= { this.props.iconType } style={{ fontSize: 16 }} /> { this.props.title } </h4>
<h4><Icon type= { this.props.iconType } style={{ fontSize: 16 }} />&nbsp;&nbsp; { this.props.title } </h4>
{ this.props.linkList.map(function(item,i){
return (<div key = {i}><a href = { item.itemLink }><span>{ item.itemTitle }</span></a></div>);
return (<div key = {i}>&nbsp;&nbsp;<a href = { item.itemLink }><span>{ item.itemTitle }</span></a></div>);
}) }
</div>
);

2
client/components/Footer/Footer.scss
View File

@ -47,7 +47,7 @@
}
a{
font-weight: 200;
color: #108ee9;
color: #b3bdc1;
&:hover{
color: white;
}

29
client/containers/ProjectGroups/GroupList/GroupList.scss
View File

@ -36,15 +36,32 @@
}
}
.group-operate {
height: 48px;
min-width: 263px;
padding: 10px 6px;
background: #eee;
.search {
display: inline-block;
margin-right: 6px;
width: 162px;
@media screen and (min-width:1100px){
.search {
display: inline-block;
margin-right: 6px;
width: 162px;
}
}
@media screen and (max-width:1100px){
.search {
display: inline-block;
margin-right: 6px;
width: 80%;
margin: 0px auto;
display: block;
}
button{
width: 80%;
margin: 0px auto;
display: block;
margin-top: 10px;
}
}
}
.group-list {
max-height: 650px;