36 lines
1.1 KiB
JavaScript
36 lines
1.1 KiB
JavaScript
import React, { useEffect } from "react";
|
||
import { Badge, Button, Input, InputGroup } from "rsuite";
|
||
|
||
function Login() {
|
||
useEffect(() => {
|
||
window.windows.reSize(600, 600);
|
||
});
|
||
return (
|
||
<div className={"grid place-items-center pt-10 w-screen"}>
|
||
<div className={"w-10/12"}>
|
||
<div className={"flex justify-start items-start mb-5"}>
|
||
<div className={"text-4xl select-none"}>登录账号</div>
|
||
<div className={"flex-1 text-right text-2xl font-bold"}>
|
||
fileset.io
|
||
</div>
|
||
</div>
|
||
<div className={"flex flex-col gap-5"}>
|
||
<InputGroup>
|
||
<Input placeholder={"用户名"} />
|
||
</InputGroup>
|
||
<InputGroup>
|
||
<Input placeholder={"密码"} />
|
||
</InputGroup>
|
||
<a className={"cursor-pointer w-fit"}>忘记密码</a>
|
||
<Button appearance={"primary"}>登录</Button>
|
||
<div className={"text-center"}>
|
||
<a className={"cursor-pointer w-fit"}>还没有fileset.io账号？</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
);
|
||
}
|
||
|
||
export default Login;
|