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

This commit is contained in:
Daniel Roe 2025-02-20 12:54:24 +00:00
parent 5fa257ad81
commit 680e4ed86f
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>
@ -11,7 +11,7 @@
<p class="text-xl sm:text-2xl mb-8 font-light leading-tight">{{ messages.description }}</p> <p class="text-xl sm:text-2xl mb-8 font-light leading-tight">{{ messages.description }}</p>
<a href="https://nuxt.com/docs/getting-started/error-handling?utm_source=nuxt-error-dev-page" target="_blank" class="absolute top-6 sm:right-6 mx-auto inline-block hover:underline underline-offset-3 text-sm font-medium hover:text-[#00DC82]">Customize this page</a> <a href="https://nuxt.com/docs/getting-started/error-handling?utm_source=nuxt-error-dev-page" target="_blank" class="absolute top-6 sm:right-6 mx-auto inline-block hover:underline underline-offset-3 text-sm font-medium hover:text-[#00DC82]">Customize this page</a>
<div class="rounded-t-md border border-b-0 border-black/5 bg-gray-50/50 dark:border-white/10 dark:bg-white/5 flex-1 overflow-y-auto h-auto"> <div class="rounded-t-md border border-b-0 border-black/5 bg-gray-50/50 dark:border-white/10 dark:bg-white/5 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

@ -648,23 +648,8 @@ a {
color: inherit; color: inherit;
text-decoration: inherit; text-decoration: 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;
} }
*, *,