1
1
mirror of https://github.com/go-gitea/gitea synced 2024-11-15 14:44:41 +00:00

social login button ui

This commit is contained in:
FuXiaoHei 2014-04-12 13:50:27 +08:00
parent b057cffd85
commit 5f3a6a9d74
2 changed files with 51 additions and 10 deletions

View File

@ -259,14 +259,40 @@ html, body {
} }
#social-login { #social-login {
margin-top: 30px; margin-top: 40px;
padding-top: 20px; padding-top: 40px;
border-top: 1px solid #ccc; border-top: 1px solid #ccc;
position: relative;
} }
#social-login .btn { #social-login .btn {
float: none; float: none;
margin: auto; margin: auto 4px;
}
#social-login .btn .fa {
margin-left: 0;
margin-right: 4px;
}
#social-login .btn span {
display: inline-block;
vertical-align: top;
font-size: 16px;
margin-top: 5px;
}
#social-login h4 {
position: absolute;
top: -20px;
width: 100%;
text-align: center;
background-color: transparent;
}
#social-login h4 span {
background-color: #FFF;
padding: 0 12px;
} }
/* gogs-user-profile */ /* gogs-user-profile */
@ -323,7 +349,7 @@ html, body {
} }
#user-profile .profile-rel p { #user-profile .profile-rel p {
margin-right: 0; margin-right: 0;
color: #888; color: #888;
} }

View File

@ -4,13 +4,13 @@
<form action="/user/login" method="post" class="form-horizontal card" id="login-card"> <form action="/user/login" method="post" class="form-horizontal card" id="login-card">
{{.CsrfTokenHtml}} {{.CsrfTokenHtml}}
<h3>Log in <h3>Log in
{{if .OauthEnabled}} <!--{{if .OauthEnabled}}
<small class="pull-right">social login: <small class="pull-right">social login:
{{if .OauthGitHubEnabled}} {{if .OauthGitHubEnabled}}
<a href="/user/login/github?next=/user/sign_up"><i class="fa fa-github-square fa-2x"></i></a> <a href="/user/login/github?next=/user/sign_up"><i class="fa fa-github-square fa-2x"></i></a>
{{end}} {{end}}
</small> </small>
{{end}} {{end}}-->
</h3> </h3>
{{template "base/alert" .}} {{template "base/alert" .}}
<div class="form-group {{if .Err_UserName}}has-error has-feedback{{end}}"> <div class="form-group {{if .Err_UserName}}has-error has-feedback{{end}}">
@ -51,12 +51,27 @@
</div> </div>
</div> </div>
<!-- {{if .OauthEnabled}} {{if .OauthEnabled}}
<div class="form-group text-center" id="social-login"> <div class="form-group text-center" id="social-login">
<h4>Log In with Social Accounts</h4> <h4><span>or</span></h4>
{{if .OauthGitHubEnabled}}<a href="/user/login/github?next=/user/sign_up"><i class="fa fa-github-square fa-3x"></i></a>{{end}} <!--<a href="/user/login/github?next=/user/sign_up" class="btn btn-default google">
<i class="fa fa-google-plus-square fa-2x"></i>
<span>Google</span>
</a>
<a href="/user/login/github?next=/user/sign_up" class="btn btn-default facebbok">
<i class="fa fa-facebook-square fa-2x"></i>
<span>Facebook</span>
</a>
<a href="/user/login/github?next=/user/sign_up" class="btn btn-default weibo">
<i class="fa fa-weibo fa-2x"></i>
<span>Weibo</span>
</a>-->
{{if .OauthGitHubEnabled}}<a href="/user/login/github?next=/user/sign_up" class="github btn btn-default">
<i class="fa fa-github-square fa-2x"></i>
<span>GitHub</span>
</a>{{end}}
</div> </div>
{{end}} --> {{end}}
</form> </form>
</div> </div>
{{template "base/footer" .}} {{template "base/footer" .}}