From 1f268258d93a9d900f2ecfbb309caa43b7f1fe9c Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期二, 16 四月 2024 09:10:51 +0800
Subject: [PATCH] #
---
src/pages/not-found.jsx | 18 +++++++++++++-----
1 files changed, 13 insertions(+), 5 deletions(-)
diff --git a/src/pages/not-found.jsx b/src/pages/not-found.jsx
index 459933f..259fbe7 100644
--- a/src/pages/not-found.jsx
+++ b/src/pages/not-found.jsx
@@ -3,12 +3,20 @@
const NotFound = () => {
return (
<>
- <div>404</div>
- <div>
- <Link to={'/'}>BACK</Link>
- </div>
+ <main class="grid min-h-full place-items-center bg-white px-6 py-24 sm:py-32 lg:px-8">
+ <div class="text-center">
+ <p class="text-base font-semibold text-indigo-600">404</p>
+ <h1 class="mt-4 text-3xl font-bold tracking-tight text-gray-900 sm:text-5xl">Page not found</h1>
+ <p class="mt-6 text-base leading-7 text-gray-600">Sorry, we couldn鈥檛 find the page you鈥檙e looking for.</p>
+ <div class="mt-10 flex items-center justify-center gap-x-6">
+ <a href="#" class="rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">
+ <Link to={'/'}>Go back home</Link>
+ </a>
+ {/* <a href="#" class="text-sm font-semibold text-gray-900">Contact support <span aria-hidden="true">→</span></a> */}
+ </div>
+ </div>
+ </main>
</>
-
)
}
--
Gitblit v1.9.1