From fd073821f669abb940eb98f83a936cf8cf39a960 Mon Sep 17 00:00:00 2001 From: Nathaniel Tampus Date: Wed, 15 Mar 2023 19:25:28 +0800 Subject: [PATCH] fix mobile overflow --- client/src/app/layout.tsx | 2 +- client/src/components/auth/AuthModal.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/client/src/app/layout.tsx b/client/src/app/layout.tsx index 45d79fc..d505ef9 100644 --- a/client/src/app/layout.tsx +++ b/client/src/app/layout.tsx @@ -28,7 +28,7 @@ export const metadata = { export default function RootLayout({ children }: { children: React.ReactNode }) { return ( - + diff --git a/client/src/components/auth/AuthModal.tsx b/client/src/components/auth/AuthModal.tsx index 35edeae..a164caa 100644 --- a/client/src/components/auth/AuthModal.tsx +++ b/client/src/components/auth/AuthModal.tsx @@ -67,7 +67,7 @@ export default function AuthModal() { id="guestName" name="guestName" placeholder="Enter name here..." - className="input input-bordered flex-grow" + className="input input-bordered w-full" maxLength={16} minLength={2} required