OpenSourceArk/Ghost
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Correcting login screen markup/styling issues, fixes #133

Browse Source
This commit is contained in:
John O'Nolan 2013-06-11 15:01:02 +02:00
parent 0a0039820d
commit 501e8695f2
2 changed files with 20 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
core/admin/assets/sass/layouts/login.scss
View File

@ -17,9 +17,14 @@
background: $lightbrown;
}
main {
main {
top: 15px;
@include breakpoint($mobile) { top: 0; }
}
.login-box {
max-width: 530px;
margin: 240px auto;
margin: 240px auto; // TODO: Change this to proper vertical centering with JS
padding: 0;
text-align: center;
background: #fff;

24
core/admin/views/login.hbs
View File

@ -1,12 +1,14 @@
{{!< default}}
<img class="login-logo" src="/core/admin/assets/img/logo.png" alt="" />
<form id="login" method="post">
<div class="email-wrap">
<input class="email" type="text" placeholder="Email Address" name="email">
</div>
<div class="password-wrap">
<input class="password" type="password" placeholder="Password" name="password">
</div>
<button class="button-save" type="submit">Log in</button>
<a href="/ghost/register/">Register</a>
</form>
<section class="login-box">
<img class="login-logo" src="/core/admin/assets/img/logo.png" alt="" />
<form id="login" method="post">
<div class="email-wrap">
<input class="email" type="text" placeholder="Email Address" name="email">
</div>
<div class="password-wrap">
<input class="password" type="password" placeholder="Password" name="password">
</div>
<button class="button-save" type="submit">Log in</button>
<a href="/ghost/register/">Register</a>
</form>
</section>