Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-20 22:42:53 -05:00
Code Issues Activity

404 Page vertical centering

Browse source 
closes #791
This commit is contained in:
Hannah Wolfe 2013-09-18 03:07:22 +01:00
parent 658a21bcf8
commit 7be4362523
2 changed files with 16 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
core/client/assets/sass/layouts/errors.scss
View file

@ -10,11 +10,12 @@
/* ============================================================================= /* =============================================================================
General General
============================================================================= */ ============================================================================= */
.error-content { .error-content {
max-width: 530px; max-width: 530px;
margin: 0 auto; margin: 0 auto;
padding: 0; padding: 0;
display: table;
height: 100%;
@include breakpoint(630px) { @include breakpoint(630px) {
max-width: 264px; max-width: 264px;
@ -22,6 +23,11 @@
} }
} }
.error-details {
display: table-cell;
vertical-align: middle;
}
.error-image { .error-image {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;

2
core/server/views/error.hbs
View file

@ -1,5 +1,6 @@
{{!< default}} {{!< default}}
<section class="error-content error-404 js-error-container"> <section class="error-content error-404 js-error-container">
<section class="error-details">
<figure class="error-image"> <figure class="error-image">
<img class="error-ghost" src="/ghost/img/404-ghost@2x.png" srcset="/ghost/img/404-ghost.png 1x, /ghost/img/404-ghost@2x.png 2x"/> <img class="error-ghost" src="/ghost/img/404-ghost@2x.png" srcset="/ghost/img/404-ghost.png 1x, /ghost/img/404-ghost@2x.png 2x"/>
</figure> </figure>
@ -7,4 +8,5 @@
<h1 class="error-code">{{code}}</h1> <h1 class="error-code">{{code}}</h1>
<h2 class="error-description">{{message}}</h2> <h2 class="error-description">{{message}}</h2>
</section> </section>
</section>
</section> </section>