diff --git a/web/src/assets/styles/index.css b/web/src/assets/styles/index.css index 13050d8..ade9c50 100644 --- a/web/src/assets/styles/index.css +++ b/web/src/assets/styles/index.css @@ -21,3 +21,16 @@ html, body { ::-webkit-scrollbar-thumb:hover { background: #444; } + +.spin { +animation: spin 1s linear; +} + +@keyframes spin { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} diff --git a/web/src/pages/auth/login/index.tsx b/web/src/pages/auth/login/index.tsx index e3afdd8..a94a881 100644 --- a/web/src/pages/auth/login/index.tsx +++ b/web/src/pages/auth/login/index.tsx @@ -1,4 +1,4 @@ -import { useEffect, useState } from 'react'; +import { useEffect, useState, ReactElement } from 'react'; import { LockOutlined, UserOutlined } from '@ant-design/icons'; import { Button, Form, Input } from 'antd'; import { useTranslation } from 'react-i18next'; @@ -11,7 +11,7 @@ import { Head } from '@/components/head.tsx'; import { Tips } from './tips.tsx'; -export const Login = () => { +export const Login = (): ReactElement => { const navigate = useNavigate(); const { t } = useTranslation(); @@ -69,8 +69,19 @@ export const Login = () => { initialValues={{ remember: true }} onFinish={login} > -