various changes

This commit is contained in:
Starystars67
2025-11-30 17:39:52 +00:00
parent 9c85fb2f10
commit d5b7c52641
7 changed files with 33 additions and 69 deletions
+5 -12
View File
@@ -4,31 +4,24 @@ import { RouterLink } from 'vue-router'
<template>
<section class="min-h-[60vh] flex items-center justify-center">
<div
class="text-center px-6 py-10 sm:px-8 sm:py-12 rounded-xl border border-neutral-200/30 bg-white/60 dark:bg-neutral-900/60 backdrop-blur-md shadow-sm space-y-4"
>
<div class="text-center px-6 py-10 sm:px-8 sm:py-12 rounded-xl border border-neutral-200/30 bg-white/60 dark:bg-neutral-900/60 backdrop-blur-md shadow-sm space-y-4">
<div class="flex items-center justify-center gap-3">
<span
class="inline-flex items-center justify-center rounded-full bg-orange-600/10 text-orange-600 dark:text-orange-400 w-12 h-12 text-xl font-bold"
>404</span
>
<span class="inline-flex items-center justify-center rounded-full bg-orange-600/10 text-orange-600 dark:text-orange-400 w-12 h-12 text-xl font-bold">404</span>
<h1 class="text-2xl sm:text-3xl font-bold tracking-tight">Page Not Found</h1>
</div>
<p class="text-neutral-600 dark:text-neutral-300 max-w-prose mx-auto">
The page you requested doesnt exist. It may have been moved or removed.
</p>
<div class="flex flex-wrap items-center justify-center gap-3 pt-2">
<RouterLink
to="/"
class="inline-flex px-4 py-2 rounded-md bg-orange-600 hover:bg-orange-500 text-white text-sm font-medium"
>
class="inline-flex px-4 py-2 rounded-md bg-orange-600 hover:bg-orange-500 text-white text-sm font-medium">
Return Home
</RouterLink>
<RouterLink
to="/servers"
class="inline-flex px-4 py-2 rounded-md border border-neutral-300/60 dark:border-neutral-700/60 text-sm font-medium text-neutral-800 dark:text-neutral-200 hover:bg-neutral-100 dark:hover:bg-neutral-800"
>
class="inline-flex px-4 py-2 rounded-md border border-neutral-300/60 dark:border-neutral-700/60 text-sm font-medium text-neutral-800 dark:text-neutral-200 hover:bg-neutral-100 dark:hover:bg-neutral-800">
Browse Servers
</RouterLink>
</div>