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

implemented login page responsiveness

This commit is contained in:
SanadKhan 2024-09-09 19:42:47 +05:30
parent 524f999568
commit 049aa3a7ab
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'} ,
},
},
},