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: { style: {
body: { body: {
fontSize: '$2', fontSize: '$2',
lineHeight: '1.25', lineHeight: '1.50',
}, },
logoTitle: { logoTitle: {
fontFamily: 'Inter', 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 { export function EmailForgotPassword(): JSX.Element {
const router = useRouter() const router = useRouter()
const [email, setEmail] = useState<string>('') const [email, setEmail] = useState<string>('')
const [errorMessage, setErrorMessage] = useState<string | undefined>( const [errorMessage, setErrorMessage] =
undefined useState<string | undefined>(undefined)
)
const recaptchaTokenRef = useRef<HTMLInputElement>(null) const recaptchaTokenRef = useRef<HTMLInputElement>(null)
useEffect(() => { useEffect(() => {
@ -59,7 +58,7 @@ export function EmailForgotPassword(): JSX.Element {
<VStack <VStack
alignment="center" alignment="center"
css={{ css={{
padding: '16px', padding: '20px',
minWidth: '340px', minWidth: '340px',
width: '70vw', width: '70vw',
maxWidth: '576px', 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 { export function EmailLogin(): JSX.Element {
const router = useRouter() const router = useRouter()
const [errorMessage, setErrorMessage] = useState<string | undefined>( const [errorMessage, setErrorMessage] =
undefined useState<string | undefined>(undefined)
)
const recaptchaTokenRef = useRef<HTMLInputElement>(null) const recaptchaTokenRef = useRef<HTMLInputElement>(null)
useEffect(() => { useEffect(() => {
@ -71,7 +70,7 @@ export function EmailLogin(): JSX.Element {
<VStack <VStack
alignment="center" alignment="center"
css={{ css={{
padding: '16px', padding: '20px',
minWidth: '340px', minWidth: '340px',
width: '70vw', width: '70vw',
maxWidth: '576px', maxWidth: '576px',

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

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