##// END OF EJS Templates
login: optimized UI for login/register/password reset windows.
milka -
r4546:6e1aa266 default
parent child Browse files
Show More
@@ -2,7 +2,7 b''
2
2
3
3
4 .loginbox {
4 .loginbox {
5 max-width: 65%;
5 max-width: 960px;
6 margin: @pagepadding auto;
6 margin: @pagepadding auto;
7 font-family: @text-light;
7 font-family: @text-light;
8 border: @border-thickness solid @grey5;
8 border: @border-thickness solid @grey5;
@@ -83,7 +83,7 b''
83 .sign-in-image {
83 .sign-in-image {
84 display: block;
84 display: block;
85 width: 65%;
85 width: 65%;
86 margin: 5% auto;
86 margin: 1% auto;
87 }
87 }
88
88
89 .sign-in-title {
89 .sign-in-title {
@@ -7,8 +7,8 b''
7 · ${h.branding(c.rhodecode_name)}
7 · ${h.branding(c.rhodecode_name)}
8 %endif
8 %endif
9 </%def>
9 </%def>
10 <style>body{background-color:#eeeeee;}</style>
10
11
11 <style>body{background-color:#eeeeee;}</style>
12 <div class="loginbox">
12 <div class="loginbox">
13 <div class="header-account">
13 <div class="header-account">
14 <div id="header-inner" class="title">
14 <div id="header-inner" class="title">
@@ -28,11 +28,11 b''
28 <div class="loginwrapper">
28 <div class="loginwrapper">
29 <rhodecode-toast id="notifications"></rhodecode-toast>
29 <rhodecode-toast id="notifications"></rhodecode-toast>
30
30
31 <div class="left-column">
31 <div class="auth-image-wrapper">
32 <img class="sign-in-image" src="${h.asset('images/sign-in.png')}" alt="RhodeCode"/>
32 <img class="sign-in-image" src="${h.asset('images/sign-in.png')}" alt="RhodeCode"/>
33 </div>
33 </div>
34
34
35 <div id="login" class="right-column">
35 <div id="login">
36 <%block name="above_login_button" />
36 <%block name="above_login_button" />
37 <!-- login -->
37 <!-- login -->
38 <div class="sign-in-title">
38 <div class="sign-in-title">
@@ -27,7 +27,8 b''
27
27
28 <div class="loginwrapper">
28 <div class="loginwrapper">
29 <rhodecode-toast id="notifications"></rhodecode-toast>
29 <rhodecode-toast id="notifications"></rhodecode-toast>
30 <div class="left-column">
30
31 <div class="auth-image-wrapper">
31 <img class="sign-in-image" src="${h.asset('images/sign-in.png')}" alt="RhodeCode"/>
32 <img class="sign-in-image" src="${h.asset('images/sign-in.png')}" alt="RhodeCode"/>
32 </div>
33 </div>
33
34
@@ -43,7 +44,7 b''
43 </p>
44 </p>
44 </div>
45 </div>
45 %else:
46 %else:
46 <div id="register" class="right-column">
47 <div id="register">
47 <!-- login -->
48 <!-- login -->
48 <div class="sign-in-title">
49 <div class="sign-in-title">
49 <h1>${_('Reset your Password')}</h1>
50 <h1>${_('Reset your Password')}</h1>
@@ -27,11 +27,13 b''
27
27
28 <div class="loginwrapper">
28 <div class="loginwrapper">
29 <rhodecode-toast id="notifications"></rhodecode-toast>
29 <rhodecode-toast id="notifications"></rhodecode-toast>
30 <div class="left-column">
30
31 <div class="auth-image-wrapper">
31 <img class="sign-in-image" src="${h.asset('images/sign-in.png')}" alt="RhodeCode"/>
32 <img class="sign-in-image" src="${h.asset('images/sign-in.png')}" alt="RhodeCode"/>
32 </div>
33 </div>
33 <%block name="above_register_button" />
34
34 <div id="register" class="right-column">
35 <div id="register">
36 <%block name="above_register_button" />
35 <!-- login -->
37 <!-- login -->
36 <div class="sign-in-title">
38 <div class="sign-in-title">
37 % if external_auth_provider:
39 % if external_auth_provider:
General Comments 0
You need to be logged in to leave comments. Login now