Benature/omnivore
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Layout improvements for auth pages

Browse Source
This commit is contained in:
Jackson Harper
2024-08-27 14:13:30 +08:00
parent 1a2dbf6034
commit d0f3c2eb91
4 changed files with 8 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/web/components/elements/StyledText.tsx
View File

@ -4,7 +4,7 @@ const textVariants = {
style: {
body: {
fontSize: '$2',
lineHeight: '1.25',
lineHeight: '1.50',
},
logoTitle: {
fontFamily: 'Inter',

7
packages/web/components/templates/auth/EmailForgotPassword.tsx
View File

@ -40,9 +40,8 @@ const ForgotPasswordForm = (): JSX.Element => {
export function EmailForgotPassword(): JSX.Element {
const router = useRouter()
const [email, setEmail] = useState<string>('')
const [errorMessage, setErrorMessage] = useState<string | undefined>(
undefined
)
const [errorMessage, setErrorMessage] =
useState<string | undefined>(undefined)
const recaptchaTokenRef = useRef<HTMLInputElement>(null)
useEffect(() => {
@ -59,7 +58,7 @@ export function EmailForgotPassword(): JSX.Element {
<VStack
alignment="center"
css={{
padding: '16px',
padding: '20px',
minWidth: '340px',
width: '70vw',
maxWidth: '576px',

7
packages/web/components/templates/auth/EmailLogin.tsx
View File

@ -52,9 +52,8 @@ const LoginForm = (): JSX.Element => {
export function EmailLogin(): JSX.Element {
const router = useRouter()
const [errorMessage, setErrorMessage] = useState<string | undefined>(
undefined
)
const [errorMessage, setErrorMessage] =
useState<string | undefined>(undefined)
const recaptchaTokenRef = useRef<HTMLInputElement>(null)
useEffect(() => {
@ -71,7 +70,7 @@ export function EmailLogin(): JSX.Element {
<VStack
alignment="center"
css={{
padding: '16px',
padding: '20px',
minWidth: '340px',
width: '70vw',
maxWidth: '576px',

2
packages/web/components/templates/auth/EmailSignup.tsx
View File

@ -150,7 +150,7 @@ export function EmailSignup(): JSX.Element {
<VStack
alignment="center"
css={{
padding: '16px',
padding: '20px',
minWidth: '340px',
width: '70vw',
maxWidth: '576px',