mirror/yapi
2
0
Fork 0
mirror of https://github.com/YMFE/yapi.git synced 2024-12-21 05:19:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: QSSO登录添加分割线

Browse Source
This commit is contained in:
wenbo.dong 2017-07-25 14:24:47 +08:00
parent 2b361459c1
commit b6e1e9fa21
2 changed files with 20 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
client/containers/Login/Login.js
View File

@ -86,6 +86,9 @@ class Login extends Component {
<FormItem style={formItemStyle}>
<Button style={changeHeight} type="primary" htmlType="submit" className="login-form-button">登录</Button>
</FormItem>
<div className="qsso-breakline">
<span className="qsso-breakword">或</span>
</div>
<Button style={changeHeight} id="qsso-login" type="primary" className="login-form-button" size="large" ghost>QSSO登录</Button>
</Form>

15
client/containers/Login/Login.scss
View File

@ -14,3 +14,18 @@
.ant-form-item {
margin-bottom: .1rem;
}
.qsso-breakline {
position: relative;
text-align: center;
margin: .24rem auto;
height: 1px;
background-color: #bbb;
.qsso-breakword {
display: inline-block;
transform: translateY(-50%);
background-color: #f7f7f7;
padding: 0 .08rem;
color: #999;
}
}