styling(modals): make modal width larger on mobile

entur · May 24, 2024 · 1f0911f · 1f0911f
1 parent b310904
commit 1f0911f
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/next-tavla/app/(admin)/components/CreateBoard/index.tsx b/next-tavla/app/(admin)/components/CreateBoard/index.tsx
@@ -61,7 +61,7 @@ function CreateBoard({ isSideNav }: { isSideNav?: boolean }) {
             <Modal
                 open={open}
                 size="large"
-                className="flex flex-col items-center w-3/4 lg:w-full"
+                className="flex flex-col items-center w-11/12 lg:w-full"
                 onDismiss={() => {
                     setBoard(undefined)
                     setFormError(undefined)

diff --git a/next-tavla/app/(admin)/components/Login/index.tsx b/next-tavla/app/(admin)/components/Login/index.tsx
@@ -43,7 +43,7 @@ function Login({ loggedIn }: { loggedIn: boolean }) {
             <Modal
                 open={open}
                 size="small"
-                className="w-3/4 lg:w-full"
+                className="w-11/12 lg:w-full"
                 onDismiss={() => router.push(pathname ?? '/')}
             >
                 <div className="flex flex-row justify-between">