feat: update login header size on tablet

opengovsg · Dec 12, 2023 · 4ddbac7 · 4ddbac7
1 parent f4548dd
commit 4ddbac7
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 6 deletions.
diff --git a/src/features/sign-in/components/Emailnput.tsx b/src/features/sign-in/components/Emailnput.tsx
@@ -1,5 +1,9 @@
-import { FormControl, FormLabel, Input, Stack } from '@chakra-ui/react'
-import { Button, FormErrorMessage } from '@opengovsg/design-system-react'
+import { FormControl, Input, Stack } from '@chakra-ui/react'
+import {
+  Button,
+  FormErrorMessage,
+  FormLabel,
+} from '@opengovsg/design-system-react'
 import { useRouter } from 'next/router'
 import { useEffect } from 'react'
 import { useZodForm } from '~/lib/form'
@@ -48,7 +52,7 @@ export const EmailInput: React.FC<EmailInputProps> = ({ onSuccess }) => {
           isInvalid={!!errors.email}
           isReadOnly={loginMutation.isLoading}
         >
-          <FormLabel requiredIndicator={<></>}>
+          <FormLabel>
             Log in with a .gov.sg or whitelisted email address
           </FormLabel>
           <Input

diff --git a/src/features/sign-in/components/GridLayout.tsx b/src/features/sign-in/components/GridLayout.tsx
@@ -55,8 +55,8 @@ export const NonMobileSidebarGridArea: FC<PropsWithChildren> = ({
   <GridItem
     display={{ base: 'none', md: 'flex' }}
     gridColumn={{ md: '1 / 13', lg: '1 / 7' }}
-    h={{ md: '20rem', lg: 'auto' }}
-    py="2rem"
+    h={{ md: '9.5rem', lg: 'auto' }}
+    py="1rem"
     flexDir="column"
     alignItems="center"
     justifyContent="center"

diff --git a/src/pages/sign-in/index.tsx b/src/pages/sign-in/index.tsx
@@ -22,7 +22,7 @@ const SignIn: NextPageWithLayout = () => {
         <RestrictedGovtMasthead />
         <BaseGridLayout flex={1}>
           <NonMobileSidebarGridArea>
-            <LoginImageSvgr maxW="100%" aria-hidden />
+            <LoginImageSvgr aria-hidden />
           </NonMobileSidebarGridArea>
           <LoginGridArea>
             <SignInContextProvider>