error 500: improved CSS style reset [Closes nette/tracy#581]

nette · Nov 7, 2024 · 6c03913 · 6c03913
1 parent 9c288cc
commit 6c03913
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/src/Application/templates/error.phtml b/src/Application/templates/error.phtml
@@ -27,11 +27,12 @@ $message = $messages[$code] ?? $messages[0];
 <title><?= $message[0] ?></title>
 
 <style>
-	#nette-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 }
-	#nette-error div { all: initial; max-width: 550px; background: white; color: #333; display: block }
-	#nette-error h1 { all: initial; font: bold 50px/1.1 sans-serif; display: block; margin: 40px }
-	#nette-error p { all: initial; font: 20px/1.4 sans-serif; margin: 40px; display: block }
-	#nette-error small { color: gray }
+	#nette-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; font: 16px/1.4 sans-serif; color: #333 }
+	#nette-error * { all: initial; background: transparent; color: inherit; font: inherit }
+	#nette-error div { max-width: 550px; background: white; display: block }
+	#nette-error h1 { font: bold 50px/1.1 sans-serif; margin: 40px; display: block }
+	#nette-error p { font: 20px/1.4 sans-serif; margin: 40px; display: block }
+	#nette-error small { color: gray; font-size: 80% }
 </style>
 
 <div id=nette-error>