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

refactor(Intro): adjust styles

Browse source
This commit is contained in:
Timothy Z. 2025-04-10 22:48:56 +03:00
parent 5acc32411d
commit 43c76b6a4b
2 changed files with 13 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -381,7 +381,7 @@ const Intro = ({ queryParams }) => {
<div className={styles['label']}>Continue with Facebook</div> <div className={styles['label']}>Continue with Facebook</div>
</Button> </Button>
<Button className={classnames(styles['form-button'], styles['apple-button'])} onClick={loginWithApple}> <Button className={classnames(styles['form-button'], styles['apple-button'])} onClick={loginWithApple}>
<Icon className={styles['icon']} name={'apple'} /> <Icon className={styles['icon']} name={'macos'} />
<div className={styles['label']}>Continue with Apple</div> <div className={styles['label']}>Continue with Apple</div>
</Button> </Button>
{ {

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

@ -175,15 +175,27 @@
position: relative; position: relative;
width: 22rem; width: 22rem;
margin-left: 2rem; margin-left: 2rem;
display: flex;
flex-direction: column;
.facebook-button { .facebook-button {
background: var(--color-facebook); background: var(--color-facebook);
margin-bottom: 1rem;
&:hover, &:focus { &:hover, &:focus {
outline: var(--focus-outline-size) solid var(--color-facebook); outline: var(--focus-outline-size) solid var(--color-facebook);
background-color: transparent; background-color: transparent;
} }
} }
.apple-button {
background: var(--color-x);
&:hover, &:focus {
outline: var(--focus-outline-size) solid var(--color-x);
background-color: transparent;
}
}
} }
} }
} }