fix mobile overflow

2023-03-15 19:25:28 +08:00
parent bb9a723a11
commit fd073821f6
2 changed files with 2 additions and 2 deletions
--- 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 (
    <html lang="en">
-      <body>
+      <body className="overflow-x-hidden">
        <ContextProvider>
          <Navbar />

--- 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