prehistoric-systems/omnivore
1
0
Fork 0
mirror of https://github.com/omnivore-app/omnivore.git synced 2026-03-11 08:54:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Allow the login background to expand past viewport height

Browse source 
On safari the right side image can expand past the viewport
height.
This commit is contained in:
Jackson Harper 2022-05-13 11:37:02 -07:00
parent bf8a41af29
commit 5d868acc35
2 changed files with 2 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
packages/web/components/templates/LoginForm.tsx
View file

@ -8,7 +8,6 @@ import {
appleAuthRedirectURI,
} from '../../lib/appConfig'
import AppleLogin from 'react-apple-login'
import { formatMessage } from '../../locales/en/messages'
export type LoginFormProps = {
errorMessage?: string

9
packages/web/components/templates/LoginLayout.tsx
View file

@ -1,14 +1,8 @@
import { Box, HStack, MediumBreakpointBox, SpanBox, VStack } from '../elements/LayoutPrimitives'
import { LoginForm } from './LoginForm'
import type { LoginFormProps } from './LoginForm'
import Image from 'next/image'
import { OmnivoreNameLogo } from '../elements/images/OmnivoreNameLogo'
import { theme } from '../tokens/stitches.config'
import Link from 'next/link'
import { Star } from 'phosphor-react'
import { Button } from '../elements/Button'
import { googleID } from '../../lib/appConfig'
import { useEffect, useState } from 'react'
export function LoginLayout(props: LoginFormProps): JSX.Element {
return (
@ -64,8 +58,9 @@ function MediumLoginLayout(props: LoginFormProps) {
alignment="center"
distribution="start"
css={{
height: '100vh',
width: '100vw',
height: '100%',
minHeight: '100vh',
bg: '$omnivoreYellow',
overflowY: 'clip'
}}