Make login page responsive, change logger

This commit is contained in:
Aaron William Po
2023-02-13 19:17:56 -05:00
parent 0b006090c5
commit 07dca6b4c2
2 changed files with 7 additions and 9 deletions

View File

@@ -1,9 +1,5 @@
import pino from 'pino'; import pino from 'pino';
const logger = pino({ const logger = pino();
transport: {
target: 'pino-pretty',
},
});
export default logger; export default logger;

View File

@@ -29,7 +29,7 @@ const LoginPage: NextPage = () => {
</Head> </Head>
<div className="flex h-full flex-row"> <div className="flex h-full flex-row">
<div className="flex h-full w-[60%] flex-col items-center justify-center bg-base-100"> <div className="hidden h-full flex-col items-center justify-center bg-base-100 lg:flex lg:w-[60%]">
<Image <Image
src="https://picsum.photos/1040/1080" src="https://picsum.photos/1040/1080"
alt="Login Image" alt="Login Image"
@@ -38,16 +38,18 @@ const LoginPage: NextPage = () => {
className="h-full w-full object-cover" className="h-full w-full object-cover"
/> />
</div> </div>
<div className="flex h-full w-[40%] flex-col items-center space-y-5 bg-base-300"> <div className="flex h-full w-full flex-col items-center space-y-5 bg-base-300 lg:w-[40%]">
<div className="mt-44 w-9/12"> <div className="mt-44 w-9/12">
<div className="flex flex-col items-center space-y-2"> <div className=" flex flex-col items-center space-y-2">
<FaUserCircle className="text-3xl" /> <FaUserCircle className="text-3xl" />
<h1 className="text-4xl font-bold">Login</h1> <h1 className="text-4xl font-bold">Login</h1>
</div> </div>
<div className="mt-10">
<LoginForm /> <LoginForm />
</div> </div>
</div> </div>
</div> </div>
</div>
</Layout> </Layout>
); );
}; };