infra
/
cryptpad
2
1
Fork 0
Code Issues Pull Requests Projects Releases 1 Activity

Login page

pull/1/head
David Benqué 2020-10-27 14:11:12 +00:00
parent c06c8c01f1
commit f6bb2bfeaf
3 changed files with 20 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
customize.dist/pages/login.js
View File

@ -8,8 +8,9 @@ define([
return [h('div#cp-main', [ return [h('div#cp-main', [
Pages.infopageTopbar(), Pages.infopageTopbar(),
h('div.container.cp-container', [ h('div.container.cp-container', [
h('div.row.align-items-center', [ h('div.row.cp-page-title', h('h1', Msg.login_login)),
h('div#data.hidden.col-md-6', Pages.setHTML(h('p.left'), Msg.main_info)), h('div.row', [
h('div.col-md-3'),
h('div#userForm.form-group.hidden.col-md-6', [ h('div#userForm.form-group.hidden.col-md-6', [
h('input.form-control#name', { h('input.form-control#name', {
name: 'name', name: 'name',
@ -30,11 +31,12 @@ define([
UI.createCheckbox('import-recent', Msg.register_importRecent), UI.createCheckbox('import-recent', Msg.register_importRecent),
]), ]),
h('div.extra', [ h('div.extra', [
h('button.login.first.btn', Msg.login_login), h('button.login', Msg.login_login),
h('button#register.first.btn', Msg.login_register) h('button#register.cp-secondary', Msg.login_register)
])
]) ])
]), ]),
h('div.col-md-3')
]),
]), ]),
Pages.infopageFooter(), Pages.infopageFooter(),
])]; ])];

5
customize.dist/src/less2/include/infopages.less
View File

@ -88,6 +88,11 @@ body {
background-color: lighten(@colortheme_logo-2, 3%); background-color: lighten(@colortheme_logo-2, 3%);
} }
} }
button.cp-secondary {
background-color: white;
color: @colortheme_logo-2;
border: 1px solid @colortheme_logo-2;
}
.form-group { .form-group {
& > * { & > * {

40
customize.dist/src/less2/pages/page-login.less
View File

@ -17,29 +17,16 @@
} }
} }
.cp-container { .cp-container {
#data {
background: #4591C4;
padding-top: 3em;
padding-bottom: 7em;
padding-left: 30px;
padding-right: 30px;
p {
color: #fff;
}
h2 {
font-weight: 700;
color: @cryptpad_header_col;
}
}
#userForm { #userForm {
padding-top: 3em; .cp-shadow();
padding-bottom: 2em; background-color: white;
padding: 10px;
.form-control { .form-control {
border-radius: 0; border-radius: 0;
color: @cryptpad_text_col; color: @cryptpad_text_col;
margin-top: 1em; margin-bottom: 5px;
&:focus { &:focus {
border-color: @cryptpad_color_blue; border-color: @colortheme_logo-2;
} }
} }
.checkbox-container { .checkbox-container {
@ -52,24 +39,13 @@
} }
.extra { .extra {
margin-top: 1em; margin-top: 1em;
.login {
background: @cryptpad_color_blue;
color: #fff;
padding: 10px;
border-radius: 0;
&:hover {
transform: scale(1.05);
}
}
#register { #register {
border-color: @cryptpad_color_blue; border-color: @colortheme_logo-2;
background: #fff; background: #fff;
color: @cryptpad_color_blue; color: @colortheme_logo-2;
padding: 10px; padding: 10px;
border-radius: 0; border-radius: 0;
&:hover {
transform: scale(1.05);
}
} }
} }
} }