login: optimized UI for login/register/password reset windows.

This commit is contained in:
Milka Kuzminski 2020-11-11 16:41:14 +01:00
parent 5590b13ef5
commit 6c6e78a1d7
4 changed files with 13 additions and 10 deletions

View file

@ -2,7 +2,7 @@
.loginbox {
max-width: 65%;
max-width: 960px;
margin: @pagepadding auto;
font-family: @text-light;
border: @border-thickness solid @grey5;
@ -83,7 +83,7 @@
.sign-in-image {
display: block;
width: 65%;
margin: 5% auto;
margin: 1% auto;
}
.sign-in-title {

View file

@ -7,8 +7,8 @@
· ${h.branding(c.rhodecode_name)}
%endif
</%def>
<style>body{background-color:#eeeeee;}</style>
<div class="loginbox">
<div class="header-account">
<div id="header-inner" class="title">
@ -28,11 +28,11 @@
<div class="loginwrapper">
<rhodecode-toast id="notifications"></rhodecode-toast>
<div class="left-column">
<div class="auth-image-wrapper">
<img class="sign-in-image" src="${h.asset('images/sign-in.png')}" alt="RhodeCode"/>
</div>
<div id="login" class="right-column">
<div id="login">
<%block name="above_login_button" />
<!-- login -->
<div class="sign-in-title">

View file

@ -27,7 +27,8 @@
<div class="loginwrapper">
<rhodecode-toast id="notifications"></rhodecode-toast>
<div class="left-column">
<div class="auth-image-wrapper">
<img class="sign-in-image" src="${h.asset('images/sign-in.png')}" alt="RhodeCode"/>
</div>
@ -43,7 +44,7 @@
</p>
</div>
%else:
<div id="register" class="right-column">
<div id="register">
<!-- login -->
<div class="sign-in-title">
<h1>${_('Reset your Password')}</h1>

View file

@ -27,11 +27,13 @@
<div class="loginwrapper">
<rhodecode-toast id="notifications"></rhodecode-toast>
<div class="left-column">
<div class="auth-image-wrapper">
<img class="sign-in-image" src="${h.asset('images/sign-in.png')}" alt="RhodeCode"/>
</div>
<%block name="above_register_button" />
<div id="register" class="right-column">
<div id="register">
<%block name="above_register_button" />
<!-- login -->
<div class="sign-in-title">
% if external_auth_provider: