From f7bbc7e13c733a775b365af0113c8f0063a7be71 Mon Sep 17 00:00:00 2001 From: mattyl006 Date: Wed, 10 Aug 2022 14:27:40 +0200 Subject: [PATCH] sign in with email design on desktop --- src/components/elements/AuthInput.js | 11 +++++++++++ src/pages/auth/LoginWithEmail.js | 14 +++++++++++--- 2 files changed, 22 insertions(+), 3 deletions(-) diff --git a/src/components/elements/AuthInput.js b/src/components/elements/AuthInput.js index 62d3f34..9578e16 100644 --- a/src/components/elements/AuthInput.js +++ b/src/components/elements/AuthInput.js @@ -8,6 +8,12 @@ const AuthInputStyle = styled(Medium)` height: 36px; padding: 4px; border: 1px solid ${({theme}) => theme.colors.dark05}; + + @media (min-width: ${({theme}) => theme.overMobile}) { + width: 310px; + height: 52px; + padding: 8px; + } `; const AuthLabel = styled(FlexRow)` @@ -20,6 +26,11 @@ const AuthLabel = styled(FlexRow)` font-weight: 400; padding: 4px; z-index: 2; + + @media (min-width: ${({theme}) => theme.overMobile}) { + font-size: 16px; + top: -14px; + } `; const AuthInput = (props) => { diff --git a/src/pages/auth/LoginWithEmail.js b/src/pages/auth/LoginWithEmail.js index eb342a5..a9c1567 100644 --- a/src/pages/auth/LoginWithEmail.js +++ b/src/pages/auth/LoginWithEmail.js @@ -9,6 +9,7 @@ import LinkStyle from './styles/LinkStyle'; import {Link} from 'react-router-dom'; import {Body} from '../../utils/fonts'; import theme from '../../utils/theme'; +import Media from 'react-media'; const LoginWithEmail = () => { return ( @@ -17,11 +18,18 @@ const LoginWithEmail = () => { - - + + + + - + Forgot