fix(client): give auth pages a stable form width
The login/register form used percentage widths that collapsed to ~15% on wide screens, wrapping the "Forgot password" / "Reset password" links onto two lines. Switch to a fixed 400px max-width that just shrinks below it on small screens.
This commit is contained in:
1 parent
0e532f16d4
commit
5c19e5ee78
1 file changed
+3
-5
@@ -299,11 +299,9 @@ export const BaseAuthPage = ({
|
||||
</Stack>
|
||||
<Stack
|
||||
gap={theme.spacing(LAYOUT.MD)}
|
||||
width={{
|
||||
xs: "80%",
|
||||
md: "25%",
|
||||
lg: "15%",
|
||||
}}
|
||||
width="100%"
|
||||
maxWidth={400}
|
||||
px={theme.spacing(LAYOUT.MD)}
|
||||
>
|
||||
{children}
|
||||
</Stack>
|
||||
|
||||
Reference in new issue
Block a user