Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-11 21:27:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Intro styles simplified

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-09-12 11:28:11 +03:00
parent 125072dd97
commit d800d354b1
2 changed files with 9 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/routes/Intro/Intro.js
View file

@ -151,7 +151,7 @@ const Intro = () => {
<div className={styles['facebook-statement']}>We won't post anything on your behalf</div>
<CredentialsTextInput
ref={emailRef}
className={styles['text-input']}
className={styles['credentials-text-input']}
type={'email'}
placeholder={'Email'}
value={state.email}
@ -160,7 +160,7 @@ const Intro = () => {
/>
<CredentialsTextInput
ref={passwordRef}
className={styles['text-input']}
className={styles['credentials-text-input']}
type={'password'}
placeholder={'Password'}
value={state.password}
@ -172,7 +172,7 @@ const Intro = () => {
<React.Fragment>
<CredentialsTextInput
ref={confirmPasswordRef}
className={styles['text-input']}
className={styles['credentials-text-input']}
type={'password'}
placeholder={'Confirm Password'}
value={state.confirmPassword}

16
src/routes/Intro/styles.less
View file

@ -3,6 +3,7 @@
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
background:
linear-gradient(var(--color-backgrounddark80), var(--color-backgrounddark80)),
@ -23,7 +24,6 @@
flex-direction: row;
align-items: center;
justify-content: center;
width: 100%;
padding: 0 1rem;
.icon {
@ -33,15 +33,12 @@
width: 0.8rem;
margin-right: 1rem;
fill: var(--color-surfacelighter);
&~.label {
max-width: calc(100% - 1.8rem);
}
}
.label {
flex: none;
max-width: 100%;
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
padding: 0.3rem 0;
font-size: 1.1rem;
font-weight: 600;
@ -63,14 +60,13 @@
}
.facebook-statement {
width: 100%;
margin-top: 0.5rem;
margin-bottom: 2rem;
text-align: center;
color: var(--color-surface);
}
.text-input {
.credentials-text-input {
display: block;
width: 100%;
margin: 1rem 0;
@ -100,9 +96,9 @@
text-align: right;
.forgot-password-link {
flex-basis: auto;
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
padding: 0.5rem 0.3rem;
color: var(--color-surfacelight);