diff options
| author | Anike Arni <aarni@thoughtworks.com> | 2017-02-22 15:21:18 -0300 |
|---|---|---|
| committer | Anike Arni <aarni@thoughtworks.com> | 2017-02-22 15:22:57 -0300 |
| commit | ee20eb582e2edaac5b4ce3a6a7de51cd35a4a154 (patch) | |
| tree | 2b5d6ec726b5144f10329599a49efba33bae5df2 /web-ui/src/login | |
| parent | f25be937af22146f5ef83b81d73453f2fb536c50 (diff) | |
[#907] Makes logo smaller on mobile generic error
with @SweetVirginia
Diffstat (limited to 'web-ui/src/login')
| -rw-r--r-- | web-ui/src/login/app.js | 6 | ||||
| -rw-r--r-- | web-ui/src/login/app.scss | 5 |
2 files changed, 10 insertions, 1 deletions
diff --git a/web-ui/src/login/app.js b/web-ui/src/login/app.js index 7502c442..3c0fdf79 100644 --- a/web-ui/src/login/app.js +++ b/web-ui/src/login/app.js @@ -37,7 +37,11 @@ const rightPanel = (t, error) => { export const App = ({ t, authError, error }) => ( <div className='login'> - <img className='logo' src='/public/images/logo-orange.svg' alt='Pixelated logo' /> + <img + className={error ? 'logo small-logo' : 'logo'} + src='/public/images/logo-orange.svg' + alt='Pixelated logo' + /> {rightPanel(t, error)} <form className='standard' id='login_form' action='/login' method='post'> {errorMessage(t, authError)} diff --git a/web-ui/src/login/app.scss b/web-ui/src/login/app.scss index 48add805..8fa07027 100644 --- a/web-ui/src/login/app.scss +++ b/web-ui/src/login/app.scss @@ -52,6 +52,11 @@ margin-bottom: 2em; } +.small-logo { + width: 50%; + margin-bottom: 1em; +} + @media only screen and (min-width : 500px) { #login_form { margin-top: 1em; |