estel/playtool-demo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update 404 page

Browse Source
This commit is contained in:
Nicola Spadari
2025-02-09 13:12:48 +01:00
parent 059b20cac8
commit 765dea6430
4 changed files with 13 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/components/Btn.vue
View File

@@ -1,5 +0,0 @@
<template>
<button class="gap-1 rounded-md bg-emerald-500 px-3.5 py-2.5 text-sm text-white font-semibold shadow-sm transition-colors disabled:(cursor-not-allowed opacity-60)" hover="bg-emerald-600" focus-visible="outline-2 outline-emerald-600 outline-offset-2 outline">
<slot />
</button>
</template>

5
app/components/Hyperlink.vue
View File

@@ -1,5 +0,0 @@
<template>
<NuxtLink class="gap-1 rounded-md bg-emerald-500 px-3.5 py-2.5 text-sm text-white font-semibold shadow-sm transition-colors" hover="bg-emerald-600" focus-visible="outline-2 outline-emerald-600 outline-offset-2 outline">
<slot />
</NuxtLink>
</template>

5
app/components/NavLink.vue
View File

@@ -1,5 +0,0 @@
<template>
<NuxtLink class="block py-2 text-white font-semibold leading-6" lg="inline text-sm py-0">
<slot />
</NuxtLink>
</template>

26
app/pages/[...all].vue
View File

@@ -1,20 +1,20 @@
<template>
<div class="grid place-items-center px-6 py-24" sm="py-32" lg="px-8">
<div class="text-center">
<p class="text-base text-emerald-500 font-semibold">
<div class="grid place-items-center py-12 md:py-24">
<div class="flex flex-col items-center gap-y-4 md:gap-y-8">
<p class="text-(--ui-success) font-semibold">
404
</p>
<h1 class="mt-4 text-3xl text-neutral-300 font-bold tracking-tight" sm="text-5xl">
Page not found
</h1>
<p class="mt-6 text-base text-neutral-400 leading-7">
Sorry, we couldn't find the page you're looking for.
</p>
<div class="mt-10 flex items-center justify-center gap-x-6">
<Hyperlink to="/" class="px-7">
Back
</Hyperlink>
<div class="text-center space-y-3">
<h1 class="text-3xl font-bold tracking-tight" sm="text-5xl">
Page not found
</h1>
<p class="text-base text-(--ui-muted) leading-7">
Sorry, we couldn't find the page you're looking for.
</p>
</div>
<UButton to="/" variant="outline" size="lg" :ui="{ base: 'px-5' }">
Go home
</UButton>
</div>
</div>
</template>