Skip to content

Commit 330dbe7

Browse files
laurenceitaylorotwell
laurencei
authored and
taylorotwell
committed
[5.5] Default 404 and 500 error pages (#18483)
* default error pages * add some padding * update 503 font size and padding * refactor to use layout * rename file
1 parent 5a5278d commit 330dbe7

File tree

4 files changed

+70
-54
lines changed

4 files changed

+70
-54
lines changed

‎src/Illuminate/Foundation/Exceptions/views/404.blade.php‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
@extends('errors::layout')
2+
3+
@section('title', 'Page Not Found')
4+
5+
@section('message', 'Sorry, the page you are looking for could not be found.')

‎src/Illuminate/Foundation/Exceptions/views/500.blade.php‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
@extends('errors::layout')
2+
3+
@section('title', 'Error')
4+
5+
@section('message', 'Whoops, looks like something went wrong.')

‎src/Illuminate/Foundation/Exceptions/views/503.blade.php‎

Lines changed: 3 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -1,56 +1,5 @@
1-
<!DOCTYPE html>
2-
<html lang="en">
3-
<head>
4-
<meta charset="utf-8">
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6-
<meta name="viewport" content="width=device-width, initial-scale=1">
1+
@extends('errors::layout')
72

8-
<title>Service Unavailable</title>
3+
@section('title', 'Service Unavailable')
94

10-
<!-- Fonts -->
11-
<link href="https://fonts.googleapis.com/css?family=Raleway:100,600" rel="stylesheet" type="text/css">
12-
13-
<!-- Styles -->
14-
<style>
15-
html, body {
16-
background-color: #fff;
17-
color: #636b6f;
18-
font-family: 'Raleway', sans-serif;
19-
font-weight: 100;
20-
height: 100vh;
21-
margin: 0;
22-
}
23-
24-
.full-height {
25-
height: 100vh;
26-
}
27-
28-
.flex-center {
29-
align-items: center;
30-
display: flex;
31-
justify-content: center;
32-
}
33-
34-
.position-ref {
35-
position: relative;
36-
}
37-
38-
.content {
39-
text-align: center;
40-
}
41-
42-
.title {
43-
font-size: 84px;
44-
}
45-
</style>
46-
</head>
47-
<body>
48-
<div class="flex-center position-ref full-height">
49-
<div class="content">
50-
<div class="title">
51-
Be right back.
52-
</div>
53-
</div>
54-
</div>
55-
</body>
56-
</html>
5+
@section('message', 'Be right back.')

‎src/Illuminate/Foundation/Exceptions/views/layout.blade.php‎

Lines changed: 57 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,57 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
8+
<title>@yield('title')</title>
9+
10+
<!-- Fonts -->
11+
<link href="https://fonts.googleapis.com/css?family=Raleway:100,600" rel="stylesheet" type="text/css">
12+
13+
<!-- Styles -->
14+
<style>
15+
html, body {
16+
background-color: #fff;
17+
color: #636b6f;
18+
font-family: 'Raleway', sans-serif;
19+
font-weight: 100;
20+
height: 100vh;
21+
margin: 0;
22+
}
23+
24+
.full-height {
25+
height: 100vh;
26+
}
27+
28+
.flex-center {
29+
align-items: center;
30+
display: flex;
31+
justify-content: center;
32+
}
33+
34+
.position-ref {
35+
position: relative;
36+
}
37+
38+
.content {
39+
text-align: center;
40+
}
41+
42+
.title {
43+
font-size: 36px;
44+
padding: 20px;
45+
}
46+
</style>
47+
</head>
48+
<body>
49+
<div class="flex-center position-ref full-height">
50+
<div class="content">
51+
<div class="title">
52+
@yield('message')
53+
</div>
54+
</div>
55+
</div>
56+
</body>
57+
</html>

0 commit comments

Comments
 (0)