Skip to content

Commit d692f66

Browse files
mlantzmlantz
committed
refactor: overhaul of the default error page
1 parent 879d155 commit d692f66

1 file changed

Lines changed: 44 additions & 20 deletions

File tree

‎views/errors.blade.php‎

Lines changed: 44 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,51 @@
1-
@extends('layouts.main')
1+
<!DOCTYPE html>
2+
<html lang="en" data-bs-theme="light">
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, maximum-scale=5">
27

3-
@section('page-title', 'Error')
8+
<title>@yield('page-title', 'Grafene')</title>
49

5-
@section ('app-content')
6-
<div class="container">
7-
<div class="row">
8-
<div class="col bmx-vh-50">
9-
</div>
10-
</div>
11-
<div class="row">
12-
<div class="col-md-6 offset-md-3">
13-
<div class="bmx-mt-n5">
14-
<div class="card shadow-sm">
15-
<div class="card-body bg-body-tertiary rounded text-center">
16-
<h2>
17-
<span class="fa fa-heart-pulse text-danger"></span>
18-
::CLOUDFLARE_ERROR_500S_BOX::
19-
</h2>
20-
<p>We're actively working on addressing any root issues...</p>
10+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootswatch@5.3.3/dist/flatly/bootstrap.min.css">
11+
</head>
12+
<body>
13+
<div id="app" class="min-vh-100">
14+
<div class="w-100 bmx-overflow-x-hidden min-vh-100">
15+
<div class="container">
16+
<div class="row mt-5">
17+
<div class="col-md-6 offset-md-3">
18+
<div class="mt-5">
19+
<div class="card shadow-sm border-danger">
20+
<div class="card-body bg-body-tertiary rounded">
21+
<div>
22+
::CLOUDFLARE_ERROR_500S_BOX::
23+
</div>
24+
<div class="text-center">
25+
<a href="{{ route('dashboard') }}" class="btn mt-4">
26+
<span class="fa fa-solid fa-house"></span>
27+
Home
28+
</a>
29+
@if (config('mission-control.api_uuid'))
30+
<a href="{{ 'https://missioncontrolapp.io/status/'.config('mission-control.api_uuid') }}" class="btn mt-4">
31+
<span class="fa fa-solid fa-house"></span>
32+
Uptime Monitor
33+
</a>
34+
@endif
35+
</div>
36+
</div>
37+
</div>
38+
</div>
2139
</div>
2240
</div>
2341
</div>
2442
</div>
2543
</div>
26-
</div>
27-
@stop
44+
<script>
45+
document.addEventListener('DOMContentLoaded', function () {
46+
let _theme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
47+
document.documentElement.setAttribute('data-bs-theme', _theme);
48+
});
49+
</script>
50+
</body>
51+
</html>

0 commit comments

Comments
 (0)