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

fix: form and bg position

Browse Source
This commit is contained in:
Sukma Gladys 2024-09-05 15:56:12 +07:00
parent e73c99c0a5
commit 041781c5b3
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -162,7 +162,7 @@ export function ForgotPasswordForm() {
<div <div
className="flex w-screen h-screen items-start lg:items-center justify-center lg:justify-end absolute -top-56 lg:top-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 overflow-hidden"
> >
<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]"> <div className="flex absolute border border-slate-300 rounded-2xl w-[455px] h-[455px] lg:w-[45vw] lg:h-[45vw] items-center justify-center -rotate-[15deg]">
<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"> <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">
<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"> <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">
<div className="hidden lg:flex absolute border border-slate-600 rounded-2xl w-2/3 h-2/3"> <div className="hidden lg:flex absolute border border-slate-600 rounded-2xl w-2/3 h-2/3">
@ -177,7 +177,7 @@ export function ForgotPasswordForm() {
<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"

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

@ -198,7 +198,7 @@ export function ResetPasswordForm() {
<div <div
className="flex w-screen h-screen items-start lg:items-center justify-center lg:justify-end absolute -top-56 lg:top-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 overflow-hidden"
> >
<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]"> <div className="flex absolute border border-slate-200 rounded-2xl w-[455px] h-[455px] lg:w-[45vw] lg:h-[45vw] items-center justify-center -rotate-[15deg]">
<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"> <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">
<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"> <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">
<div className="hidden lg:flex absolute border border-slate-500 rounded-2xl w-2/3 h-2/3"> <div className="hidden lg:flex absolute border border-slate-500 rounded-2xl w-2/3 h-2/3">
@ -213,7 +213,7 @@ export function ResetPasswordForm() {
<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"