fix: background div className

This commit is contained in:
Sukma Gladys 2024-09-04 18:05:35 +07:00
parent f4e98fd813
commit cca21096dd
2 changed files with 2 additions and 2 deletions

View File

@ -160,7 +160,7 @@ 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="flex w-screen h-screen items-start lg:items-center justify-center lg:justify-end absolute -top-56 lg:top-0 lg: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-[650px] lg:h-[650px] 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">

View File

@ -196,7 +196,7 @@ 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="flex w-screen h-screen items-start lg:items-center justify-center lg:justify-end absolute -top-56 lg:top-0 lg: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-[650px] lg:h-[650px] 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">