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

Update default 404 page

Browse source 
refs. https://github.com/TryGhost/Ghost/issues/10899
- removed broken ghost "illustration" from default frontend 404 page
- refined style of 404 page to be more theme agnostic
This commit is contained in:
Peter Zimon 2019-07-15 14:34:33 +02:00
parent c521b6632d
commit a482c547ae
2 changed files with 10 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
core/server/public/ghost.css
View file

@ -777,6 +777,7 @@ h2 {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
user-select: text; user-select: text;
padding: 8vw;
} }
.error-details { .error-details {
@ -798,9 +799,11 @@ h2 {
.error-code { .error-code {
margin: 0; margin: 0;
color: #979797; color: #C5D2D9;
font-size: 7.8rem; font-size: 10vw;
font-weight: 600;
line-height: 0.9em; line-height: 0.9em;
letter-spacing: -0.4vw;
} }
@ -808,21 +811,23 @@ h2 {
margin: 0; margin: 0;
padding: 0; padding: 0;
border: none; border: none;
color: #979797; color: #54666D;
font-size: 1.9rem; font-size: 2.3rem;
font-weight: 300; font-weight: 300;
line-height: 1.3em;
} }
.error-message { .error-message {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: 15px; margin: 15px;
align-items: center;
} }
.error-message a { .error-message a {
margin-top: 5px;
font-size: 1.4rem; font-size: 1.4rem;
line-height: 1; line-height: 1;
margin: 8px 0;
} }
.error-link { .error-link {

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

@ -25,10 +25,6 @@
<div class="gh-view"> <div class="gh-view">
<section class="error-content error-404 js-error-container"> <section class="error-content error-404 js-error-container">
<section class="error-details"> <section class="error-details">
<img
class="error-ghost"
src="{{asset "public/404-ghost@2x.png"}}"
srcset="{{asset "public/404-ghost.png"}} 1x, {{asset "public/404-ghost@2x.png"}} 2x"/>
<section class="error-message"> <section class="error-message">
<h1 class="error-code">{{statusCode}}</h1> <h1 class="error-code">{{statusCode}}</h1>
<h2 class="error-description">{{message}}</h2> <h2 class="error-description">{{message}}</h2>