aykhans/slash-e
1
0
Fork 0
mirror of https://github.com/aykhans/slash-e.git synced 2025-04-20 22:07:15 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

chore: tweak auth pages

Browse Source
This commit is contained in:
johnnyjoy 2024-07-07 20:22:56 +08:00
parent bb97cccb31
commit 817e7ff87a
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/web/src/pages/SignIn.tsx
View File

@ -21,7 +21,7 @@ const SignIn: React.FC = () => {
useEffect(() => { useEffect(() => {
if (workspaceStore.profile.mode === "demo") { if (workspaceStore.profile.mode === "demo") {
setEmail("steven@yourselfhosted.com"); setEmail("slash@yourselfhosted.com");
setPassword("secret"); setPassword("secret");
} }
}, []); }, []);
@ -60,11 +60,11 @@ const SignIn: React.FC = () => {
}; };
return ( return (
<div className="flex flex-row justify-center items-center w-full h-auto mt-12 sm:mt-24 bg-white dark:bg-zinc-900"> <div className="flex flex-row justify-center items-center w-full h-auto pt-12 sm:pt-24 bg-white dark:bg-zinc-900">
<div className="w-80 max-w-full h-full py-4 flex flex-col justify-start items-center"> <div className="w-80 max-w-full h-full py-4 flex flex-col justify-start items-center">
<div className="w-full py-4 grow flex flex-col justify-center items-center"> <div className="w-full py-4 grow flex flex-col justify-center items-center">
<div className="flex flex-row justify-start items-center w-auto mx-auto gap-y-2 mb-4"> <div className="flex flex-row justify-start items-center w-auto mx-auto gap-y-2 mb-4">
<Icon.CircleSlash className="w-12 h-auto dark:text-gray-500 mr-2" strokeWidth={1.5} /> <Icon.CircleSlash className="w-10 h-auto dark:text-gray-500 mr-2" strokeWidth={1.5} />
<span className="text-3xl opacity-80 dark:text-gray-500">Slash</span> <span className="text-3xl opacity-80 dark:text-gray-500">Slash</span>
</div> </div>
<form className="w-full mt-6" onSubmit={handleSigninBtnClick}> <form className="w-full mt-6" onSubmit={handleSigninBtnClick}>
@ -75,7 +75,7 @@ const SignIn: React.FC = () => {
className="w-full py-3" className="w-full py-3"
type="email" type="email"
value={email} value={email}
placeholder="steven@slash.com" placeholder="slash@yourselfhosted.com"
onChange={handleEmailInputChanged} onChange={handleEmailInputChanged}
/> />
</div> </div>

8
frontend/web/src/pages/SignUp.tsx
View File

@ -71,11 +71,11 @@ const SignUp: React.FC = () => {
}; };
return ( return (
<div className="flex flex-row justify-center items-center w-full h-auto mt-12 sm:mt-24 bg-white dark:bg-zinc-900"> <div className="flex flex-row justify-center items-center w-full h-auto pt-12 sm:pt-24 bg-white dark:bg-zinc-900">
<div className="w-80 max-w-full h-full py-4 flex flex-col justify-start items-center"> <div className="w-80 max-w-full h-full py-4 flex flex-col justify-start items-center">
<div className="w-full py-4 grow flex flex-col justify-center items-center"> <div className="w-full py-4 grow flex flex-col justify-center items-center">
<div className="flex flex-row justify-start items-center w-auto mx-auto gap-y-2 mb-4"> <div className="flex flex-row justify-start items-center w-auto mx-auto gap-y-2 mb-4">
<Icon.CircleSlash className="w-12 h-auto dark:text-gray-500 mr-2" strokeWidth={1.5} /> <Icon.CircleSlash className="w-10 h-auto dark:text-gray-500 mr-2" strokeWidth={1.5} />
<span className="text-3xl opacity-80 dark:text-gray-500">Slash</span> <span className="text-3xl opacity-80 dark:text-gray-500">Slash</span>
</div> </div>
<p className="w-full text-2xl mt-6 dark:text-gray-500">{t("auth.create-your-account")}</p> <p className="w-full text-2xl mt-6 dark:text-gray-500">{t("auth.create-your-account")}</p>
@ -87,13 +87,13 @@ const SignUp: React.FC = () => {
className="w-full py-3" className="w-full py-3"
type="email" type="email"
value={email} value={email}
placeholder="steven@slash.com" placeholder="slash@yourselfhosted.com"
onChange={handleEmailInputChanged} onChange={handleEmailInputChanged}
/> />
</div> </div>
<div className="w-full flex flex-col mb-2"> <div className="w-full flex flex-col mb-2">
<span className="leading-8 text-gray-600">Nickname</span> <span className="leading-8 text-gray-600">Nickname</span>
<Input className="w-full py-3" type="text" value={nickname} placeholder="steven" onChange={handleNicknameInputChanged} /> <Input className="w-full py-3" type="text" value={nickname} placeholder="slash" onChange={handleNicknameInputChanged} />
</div> </div>
<div className="w-full flex flex-col mb-2"> <div className="w-full flex flex-col mb-2">
<span className="leading-8 text-gray-600">{t("common.password")}</span> <span className="leading-8 text-gray-600">{t("common.password")}</span>