refactor(Intro): adjust styles

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

View file

@ -381,7 +381,7 @@ const Intro = ({ queryParams }) => {
<div className={styles['label']}>Continue with Facebook</div>
</Button>
<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>
</Button>
{

View file

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