error 500 redesign

kratkyzobak · Jan 27, 2017 · bd15a04 · bd15a04
1 parent 2079a3a
commit bd15a04
Showing 1 changed file with 15 additions and 8 deletions.
diff --git a/src/Tracy/assets/Debugger/error.500.phtml b/src/Tracy/assets/Debugger/error.500.phtml
@@ -15,17 +15,24 @@ namespace Tracy;
 <title>Server Error</title>
 
 <style>
-	#tracy-error { background: white; width: 500px; margin: 70px auto; padding: 10px 20px }
-	#tracy-error h1 { font: bold 47px/1.5 sans-serif; background: none; color: #333; margin: .6em 0 }
-	#tracy-error p { font: 21px/1.5 Georgia,serif; background: none; color: #333; margin: 1.5em 0 }
-	#tracy-error small { font-size: 70%; color: gray }
+	#tracy-error { all: initial; position: absolute; top: 0; left: 0; right: 0; height: 70vh; min-height: 400px; display: flex; align-items: center; justify-content: center; z-index: 1000 }
+	#tracy-error div { all: initial; max-width: 550px; background: white; color: #333; display: block }
+	#tracy-error h1 { all: initial; font: bold 50px/1.1 sans-serif; display: block; margin: 40px }
+	#tracy-error p { all: initial; font: 20px/1.4 sans-serif; margin: 40px; display: block }
+	#tracy-error small { color: gray }
 </style>
 
 <div id=tracy-error>
-	<h1>Server Error</h1>
+	<div>
+		<h1>Server Error</h1>
 
-	<p>We're sorry! The server encountered an internal error and
-	was unable to complete your request. Please try again later.</p>
+		<p>We're sorry! The server encountered an internal error and
+		was unable to complete your request. Please try again later.</p>
 
-	<p><small>error 500<?php if (!$logged): ?><br>Tracy is unable to log error.<?php endif ?></small></p>
+		<p><small>error 500<?php if (!$logged): ?><br>Tracy is unable to log error.<?php endif ?></small></p>
+	</div>
 </div>
+
+<script>
+	document.body.insertBefore(document.getElementById('tracy-error'), document.body.firstChild);
+</script>