gitea/amati
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Pull Request branch dev-clone to main #1

Merged
gitea merged 429 commits from dev-clone into main 2024-12-23 09:31:34 +00:00
Conversation 0 Commits 429 Files Changed 142 +46 -58
3 changed files with 46 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 00c09c1a4e - Show all commits

4
apps/frontend/src/index.css
View File

@ -67,3 +67,7 @@
@apply bg-background text-foreground; @apply bg-background text-foreground;
} }
} }
:root {
--primary-color: #2555FF
}

34
apps/frontend/src/routes/forgot-password/index.lazy.tsx
View File

@ -159,33 +159,30 @@ export function ForgotPasswordForm() {
return ( return (
<div className="flex flex-col lg:flex-row min-h-screen w-screen overflow-hidden"> <div className="flex flex-col lg:flex-row min-h-screen w-screen overflow-hidden">
<div <div className="absolute inset-0 flex z-0 overflow-hidden">
className="flex w-screen h-screen items-start lg:items-center justify-center lg:justify-end absolute -top-56 lg:top-0 lg:overflow-hidden" <div className="relative h-[50vw] md:h-screen z-0">
> <div className="-translate-y-[calc(50vw+2rem)] md:translate-y-0 w-full md:-translate-x-[calc(10vh-60vw)]">
<div className="flex absolute border border-slate-300 rounded-2xl w-[455px] h-[455px] lg:w-[650px] lg:h-[650px] items-center justify-center -rotate-[15deg]"> <span className="absolute scale-[25%] -rotate-12 w-[100vw] h-[100vw] md:w-[100vh] md:h-[100vh] border border-gray-800 flex rounded-xl"></span>
<div className="flex absolute border border-slate-400 rounded-2xl w-2/3 h-2/3 lg:w-4/5 lg:h-4/5 items-center justify-center"> <span className="absolute scale-50 -rotate-12 w-[100vw] h-[100vw] md:w-[100vh] md:h-[100vh] border border-gray-400 flex rounded-xl"></span>
<div className="flex absolute border border-slate-500 rounded-2xl w-3/5 h-3/5 lg:w-3/4 lg:h-3/4 items-center justify-center"> <span className="absolute scale-75 -rotate-12 w-[100vw] h-[100vw] md:w-[100vh] md:h-[100vh] border border-gray-300 flex rounded-xl"></span>
<div className="hidden lg:flex absolute border border-slate-600 rounded-2xl w-2/3 h-2/3"> <span className="absolute scale-100 -rotate-12 w-[100vw] h-[100vw] md:w-[100vh] md:h-[100vh] border border-gray-200 flex rounded-xl"></span>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
<div className="flex flex-col min-h-screen p-7 bg-transparent justify-between z-20"> <div className="relative flex flex-col min-h-screen p-7 bg-transparent justify-between z-10">
{/* Top */} {/* Top */}
<div className="flex items-center font-bold">Amati</div> <div className="flex items-center font-bold">Amati</div>
{/* Center */} {/* Center */}
<div className="flex flex-col h-full w-full bg-transparent justify-center lg:px-28"> <div className="flex flex-col h-full w-full xl:ml-32 2xl:ml-72 bg-transparent justify-center lg:px-28">
<div className="flex flex-col w-full gap-y-1 pb-12 justify-between lg:justify-end"> <div className="flex flex-col w-full gap-y-1 pb-12 justify-between lg:justify-end">
<h1 <h1
className="text-4xl font-bold" className="text-4xl font-bold text-black"
style={{ color: "#000000" }}
> >
Forgot Password Forgot Password
</h1> </h1>
<p className="text-sm"> <p className="text-sm text-muted-foreground">
No worries, we'll send you reset instructions No worries, we'll send you reset instructions
</p> </p>
</div> </div>
@ -207,19 +204,14 @@ export function ForgotPasswordForm() {
<div className="flex flex-col justify-between gap-9"> <div className="flex flex-col justify-between gap-9">
<Button <Button
type="submit" type="submit"
style={{ className="flex items-center justify-between shadow-xl w-full text-white bg-[--primary-color]"
backgroundColor: "#2555FF",
color: "white",
width: "100%",
}}
className="flex items-center justify-between shadow-xl"
> >
<span className="flex">Request Reset</span> <span className="flex">Request Reset</span>
<TbArrowNarrowRight className="h-5 w-5" /> <TbArrowNarrowRight className="h-5 w-5" />
</Button> </Button>
<a <a
href="/login" href="/login"
className="text-xs text-blue-500 hover:underline font-bold" className="text-xs text-blue-500 hover:underline font-bold w-fit"
> >
Back to login Back to login
</a> </a>

34
apps/frontend/src/routes/forgot-password/verify.lazy.tsx
View File

@ -195,33 +195,30 @@ export function ResetPasswordForm() {
return ( return (
<div className="flex flex-col lg:flex-row min-h-screen w-screen overflow-hidden"> <div className="flex flex-col lg:flex-row min-h-screen w-screen overflow-hidden">
<div <div className="absolute inset-0 flex z-0 overflow-hidden">
className="flex w-screen h-screen items-start lg:items-center justify-center lg:justify-end absolute -top-56 lg:top-0 lg:overflow-hidden" <div className="relative h-[50vw] md:h-screen z-0">
> <div className="-translate-y-[calc(50vw+2rem)] md:translate-y-0 w-full md:-translate-x-[calc(10vh-60vw)]">
<div className="flex absolute border border-slate-200 rounded-2xl w-[455px] h-[455px] lg:w-[650px] lg:h-[650px] items-center justify-center -rotate-[15deg]"> <span className="absolute scale-[25%] -rotate-12 w-[100vw] h-[100vw] md:w-[100vh] md:h-[100vh] border border-gray-800 flex rounded-xl"></span>
<div className="flex absolute border border-slate-300 rounded-2xl w-2/3 h-2/3 lg:w-4/5 lg:h-4/5 items-center justify-center"> <span className="absolute scale-50 -rotate-12 w-[100vw] h-[100vw] md:w-[100vh] md:h-[100vh] border border-gray-400 flex rounded-xl"></span>
<div className="flex absolute border border-slate-400 rounded-2xl w-3/5 h-3/5 lg:w-3/4 lg:h-3/4 items-center justify-center"> <span className="absolute scale-75 -rotate-12 w-[100vw] h-[100vw] md:w-[100vh] md:h-[100vh] border border-gray-300 flex rounded-xl"></span>
<div className="hidden lg:flex absolute border border-slate-500 rounded-2xl w-2/3 h-2/3"> <span className="absolute scale-100 -rotate-12 w-[100vw] h-[100vw] md:w-[100vh] md:h-[100vh] border border-gray-200 flex rounded-xl"></span>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
<div className="flex flex-col min-h-screen p-7 bg-transparent justify-between z-20"> <div className="relative flex flex-col min-h-screen p-7 bg-transparent justify-between z-10">
{/* Top */} {/* Top */}
<div className="flex items-center font-bold">Amati</div> <div className="flex items-center font-bold">Amati</div>
{/* Center */} {/* Center */}
<div className="flex flex-col h-full w-full bg-transparent justify-center lg:px-28"> <div className="flex flex-col h-full w-full xl:ml-32 2xl:ml-72 bg-transparent justify-center lg:px-28">
<div className="flex flex-col w-full gap-y-1 pb-12 justify-between lg:justify-end"> <div className="flex flex-col w-full gap-y-1 pb-12 justify-between lg:justify-end">
<h1 <h1
className="text-4xl font-bold" className="text-4xl font-bold text-black"
style={{ color: "#000000" }}
> >
Change Password Change Password
</h1> </h1>
<p className="text-sm">Enter your new password</p> <p className="text-sm text-muted-foreground">Enter your new password</p>
</div> </div>
<Form {...form}> <Form {...form}>
<form <form
@ -249,19 +246,14 @@ export function ResetPasswordForm() {
<div className="flex flex-col justify-between gap-9"> <div className="flex flex-col justify-between gap-9">
<Button <Button
type="submit" type="submit"
style={{ className="flex items-center justify-between shadow-xl w-full text-white bg-[--primary-color]"
backgroundColor: "#2555FF",
color: "white",
width: "100%",
}}
className="flex items-center justify-between shadow-xl"
> >
<span className="flex">Submit</span> <span className="flex">Submit</span>
<TbArrowNarrowRight className="h-5 w-5" /> <TbArrowNarrowRight className="h-5 w-5" />
</Button> </Button>
<a <a
href="/login" href="/login"
className="text-xs text-blue-500 hover:underline font-bold" className="text-xs text-blue-500 hover:underline font-bold w-fit"
> >
Back to login Back to login
</a> </a>