jeffemmett
/
postiz
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #214 from SanadKhan/feature/loginpage-responsive 

feat:implemented login page responsiveness
This commit is contained in:
Nevo David 2024-09-10 12:31:05 +07:00 committed by GitHub
parent 7a8631124b b2e53bd36e
commit 305115ea7a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
apps/frontend/src/app/auth/layout.tsx
View File

@ -17,8 +17,8 @@ export default async function AuthLayout({
<>
<ReturnUrlComponent />
<div className="absolute left-0 top-0 z-[0] h-[100vh] w-[100vw] overflow-hidden bg-loginBg bg-contain bg-no-repeat bg-left-top" />
<div className="relative z-[1] pr-[100px] flex justify-end items-center h-[100vh] w-[100vw] overflow-hidden">
<div className="w-[557px] flex h-[614px] bg-loginBox bg-contain">
<div className="relative z-[1] px-3 lg:pr-[100px] xs:mt-[70px] flex justify-center lg:justify-end items-center h-[100vh] w-[100vw] overflow-hidden">
<div className="w-full max-w-lg h-[614px] flex flex-col bg-loginBox bg-no-repeat bg-contain">
<div className="w-full relative">
<div className="custom:fixed custom:text-left custom:left-[20px] custom:justify-start custom:top-[20px] absolute -top-[100px] text-textColor justify-center items-center w-full flex gap-[10px]">
<Image
@ -61,7 +61,7 @@ export default async function AuthLayout({
</div>
</div>
</div>
<div className="p-[32px] absolute w-[557px] h-[614px] text-textColor">
<div className="p-[32px] w-full h-[614px] text-textColor">
{children}
</div>
<div className="flex flex-1 flex-col">

1
apps/frontend/tailwind.config.js
View File

@ -149,6 +149,7 @@ module.exports = {
}),
screens: {
custom: { raw: '(max-height: 800px)' },
xs: { max: '401px'} ,
},
},
},