fix(ui-templates): remove extra <pre> when rendering dev errors

This commit is contained in:
Daniel Roe 2025-02-20 12:55:20 +00:00
parent 53168e4725
commit 9aab69ec41
No known key found for this signature in database
GPG Key ID: 3714AB03996F442B
2 changed files with 3 additions and 18 deletions

View File

@ -1,7 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>{{ messages.statusCode }} - {{ messages.statusMessage }} | {{ messages.appName }}</title> <title>{{ messages.statusCode }} - {{ messages.statusMessage || 'Internal Server Error' }}</title>
<meta charset="utf-8"/> <meta charset="utf-8"/>
<meta content="width=device-width,initial-scale=1.0,minimum-scale=1.0" name="viewport"/> <meta content="width=device-width,initial-scale=1.0,minimum-scale=1.0" name="viewport"/>
<script type="module" src="/styles.ts"></script> <script type="module" src="/styles.ts"></script>
@ -20,7 +20,7 @@
<h1 class="text-6xl sm:text-8xl font-medium mb-6">{{ messages.statusCode }}</h1> <h1 class="text-6xl sm:text-8xl font-medium mb-6">{{ messages.statusCode }}</h1>
<p class="text-xl sm:text-2xl font-light mb-8 leading-tight">{{ messages.description }}</p> <p class="text-xl sm:text-2xl font-light mb-8 leading-tight">{{ messages.description }}</p>
<div class="bg-white rounded-t-md bg-black/5 dark:bg-white/10 flex-1 overflow-y-auto h-auto"> <div class="bg-white rounded-t-md bg-black/5 dark:bg-white/10 flex-1 overflow-y-auto h-auto">
<pre class="text-xl font-light leading-tight z-10 p-8">{{{ messages.stack }}}</pre> <div class="text-xl font-light leading-tight z-10 p-8">{{{ messages.stack }}}</div>
</div> </div>
</body> </body>
</html> </html>

View File

@ -708,23 +708,8 @@ h1 {
font-size: inherit; font-size: inherit;
font-weight: inherit; font-weight: inherit;
} }
pre {
font-family:
ui-monospace,
SFMono-Regular,
Menlo,
Monaco,
Consolas,
Liberation Mono,
Courier New,
monospace;
font-feature-settings: normal;
font-size: 1em;
font-variation-settings: normal;
}
h1, h1,
p, p {
pre {
margin: 0; margin: 0;
} }
*, *,