siujamo
965b92b47d
- Rename helix-server -> server and helix-web -> web - Remove helix-api (bruno collection and docs site) - Merge per-module .gitignore files into the root .gitignore - Add README, AGENTS, CONTRIBUTING and MIT LICENCE - Add full-stack docker-compose (postgres, redis, server, web via Caddy) with web Dockerfile, Caddyfile and Compose server config - Keep the Gradle wrapper jar tracked after the .gitignore merge - Copy gradle.properties into the server Docker build image
34 lines
1.7 KiB
TypeScript
34 lines
1.7 KiB
TypeScript
import React from "react"
|
|
import { Link } from "react-router-dom"
|
|
|
|
/**
|
|
* 携带错误信息的通用错误展示页
|
|
*
|
|
* @param message 自定义的错误信息，默认为`发生了未知错误，请稍后再试`
|
|
* @constructor
|
|
*/
|
|
export default function ErrorPage({ message = "发生了未知错误，请稍后再试" }) {
|
|
return (
|
|
<div className="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 flex items-center justify-center p-4">
|
|
<div className="absolute top-0 left-0 w-72 h-72 bg-blue-200 rounded-full mix-blend-multiply filter blur-xl opacity-70"></div>
|
|
<div className="absolute top-0 right-0 w-72 h-72 bg-purple-200 rounded-full mix-blend-multiply filter blur-xl opacity-70"></div>
|
|
<div className="absolute bottom-0 left-1/2 w-72 h-72 bg-pink-200 rounded-full mix-blend-multiply filter blur-xl opacity-70"></div>
|
|
<div className="text-center bg-white p-10 lg:p-14 rounded-xl shadow-lg md:shadow-xl max-w-xl w-full">
|
|
<h1 className="text-5xl md:text-6xl mb-5 leading-none">⚠️</h1>
|
|
<h2 className="text-3xl md:text-4xl text-red-600 m-0 font-bold mb-4">
|
|
系统出现了一些异常。
|
|
</h2>
|
|
<p className="text-lg text-gray-700 leading-relaxed mb-4">{message}</p>
|
|
<p className="text-base text-gray-600 mb-8">我们已经知晓该问题并正在进行处理。</p>
|
|
<Link
|
|
to="/"
|
|
className="inline-block bg-blue-600 text-white py-3 px-7 rounded-lg no-underline
|
|
text-lg font-semibold transition-all duration-300 ease-in-out
|
|
shadow-md shadow-blue-500/20 hover:bg-blue-700 hover:-translate-y-0.5 hover:shadow-lg hover:shadow-blue-500/30">
|
|
返回主页
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|