Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-06 22:40:14 -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
============================================================================= */
.error-content {
max-width: 530px;
margin: 0 auto;
padding: 0;
display: table;
height: 100%;
@include breakpoint(630px) {
max-width: 264px;
@ -22,6 +23,11 @@
}
}
.error-details {
display: table-cell;
vertical-align: middle;
}
.error-image {
display: inline-block;
vertical-align: middle;

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

@ -1,10 +1,12 @@
{{!< default}}
<section class="error-content error-404 js-error-container">
<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"/>
</figure>
<section class="error-message">
<h1 class="error-code">{{code}}</h1>
<h2 class="error-description">{{message}}</h2>
</section>
<section class="error-details">
<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"/>
</figure>
<section class="error-message">
<h1 class="error-code">{{code}}</h1>
<h2 class="error-description">{{message}}</h2>
</section>
</section>
</section>