mariosant/ghostwriter
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix error page nits

Browse Source
This commit is contained in:
Marios Antonoudiou
2025-04-27 21:34:44 +03:00
parent 6d5979ff67
commit f03d584240
2 changed files with 45 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
app/error.vue
View File

@@ -3,6 +3,7 @@ const error = useError();
</script> </script>
<template> <template>
<UApp>
<UContainer class="max-w-lg p-8 md:p-16"> <UContainer class="max-w-lg p-8 md:p-16">
<UCard> <UCard>
<div class="grid gap-4"> <div class="grid gap-4">
@@ -10,12 +11,17 @@ const error = useError();
{{ error?.statusCode }} {{ error?.statusCode }}
</div> </div>
<NuxtImg <NuxtImg
src="https://images.unsplash.com/photo-1644365977963-e96e883a8e74?q=80&w=512&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" class="rounded"
src="https://plus.unsplash.com/premium_photo-1738036169480-086c0030803c?q=80&w=512&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
/> />
<div class="text-center">Uh oh... Something went super wrong.</div> <div class="text-center text-lg">
Uh oh... Something went super wrong.
</div>
<div class="text-center font-mono p-4 bg-neutral-100 text-sm"> <div
class="text-center font-mono p-4 bg-neutral-100 text-sm dark:bg-neutral-800 max-h-32 overflow-y-auto wrap-normal relative"
>
{{ error?.message }} {{ error?.message }}
</div> </div>
</div> </div>
@@ -33,4 +39,5 @@ const error = useError();
</UContainer> </UContainer>
<AppFooter /> <AppFooter />
</UApp>
</template> </template>

2
app/layouts/default.vue
View File

@@ -1,4 +1,5 @@
<template> <template>
<UApp>
<AuthState v-slot="{ loggedIn }"> <AuthState v-slot="{ loggedIn }">
<Register v-if="!loggedIn" /> <Register v-if="!loggedIn" />
<template v-if="loggedIn"> <template v-if="loggedIn">
@@ -7,4 +8,5 @@
<AppFooter /> <AppFooter />
</template> </template>
</AuthState> </AuthState>
</UApp>
</template> </template>