diff --git a/front/src/pages/NotFound.tsx b/front/src/pages/NotFound.tsx deleted file mode 100644 index 8195811..0000000 --- a/front/src/pages/NotFound.tsx +++ /dev/null @@ -1,81 +0,0 @@ -// 复用 v1 的 NotFound 组件 - -import React from 'react'; -import { useNavigate } from 'react-router-dom'; -import { makeStyles, tokens, Card, CardHeader, CardPreview, Text, Button, Title1, Subtitle1 } from '@fluentui/react-components'; -import { ArrowLeft24Regular, Home24Regular } from '@fluentui/react-icons'; - -const useStyles = makeStyles({ - page: { - minHeight: '100vh', - display: 'flex', - alignItems: 'center', - justifyContent: 'center', - backgroundColor: tokens.colorNeutralBackground3, - padding: tokens.spacingHorizontalXL, - }, - card: { - width: 'min(720px, 92vw)', - borderRadius: tokens.borderRadiusLarge, - overflow: 'hidden', - boxShadow: tokens.shadow8, - }, - header: { - paddingLeft: tokens.spacingHorizontalXL, - paddingRight: tokens.spacingHorizontalXL, - paddingTop: tokens.spacingVerticalM, - paddingBottom: tokens.spacingVerticalM, - }, - preview: { - height: '140px', - display: 'flex', - alignItems: 'center', - justifyContent: 'center', - background: `linear-gradient(135deg, ${tokens.colorBrandBackground} 0%, ${tokens.colorBrandBackground2} 50%, ${tokens.colorPaletteBlueBackground2} 100%)`, - color: tokens.colorNeutralForegroundOnBrand, - }, - content: { - paddingLeft: tokens.spacingHorizontalXL, - paddingRight: tokens.spacingHorizontalXL, - paddingTop: tokens.spacingVerticalL, - paddingBottom: tokens.spacingVerticalL, - display: 'flex', - flexDirection: 'column', - gap: tokens.spacingVerticalM, - }, - actions: { - display: 'flex', - gap: tokens.spacingHorizontalM, - marginTop: tokens.spacingVerticalL, - }, -}); - -const NotFound: React.FC = () => { - const styles = useStyles(); - const navigate = useNavigate(); - - return ( -
- - 😕 404 Not Found} /> - -
- -
- Oh no, 页面不见了喵😭 - 看看是不是链接打错了呀?点击下方按钮继续浏览哦 -
- - -
-
- -
- ); -}; - -export default NotFound; \ No newline at end of file