Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-02-17 22:04:19 -05:00
Code Issues Activity

Merge pull request #2387 from logto-io/simeng-log-4567-web-change-the-style-of-the-text-button

Browse source 
style(ui): update text link styling
This commit is contained in:
simeng-li 2022-11-10 16:39:32 +08:00 • committed by GitHub
commit 75e542f942
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 11 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
packages/ui/src/components/TextLink/index.module.scss
View file

@ -9,11 +9,9 @@
color: var(--color-brand-default);
text-decoration: none;
font: var(--font-label-2);
border-radius: _.unit(1);
padding: _.unit(1) _.unit(0.5);
&:active {
background: var(--color-overlay-brand-pressed);
color: var(--color-brand-hover);
}
}
@ -27,7 +25,7 @@
:global(body.desktop) {
.link {
&.primary:hover {
background: var(--color-overlay-brand-hover);
color: var(--color-brand-hover);
}
&.primary:focus-visible {

9
packages/ui/src/containers/PasscodeValidation/index.module.scss
View file

@ -23,11 +23,16 @@
}
}
.link {
margin-top: _.unit(3);
.message,
.link,
.switch {
width: auto;
align-self: start;
}
.switch {
margin-top: _.unit(3);
}
}
:global(body.mobile) {

3
packages/ui/src/containers/PasscodeValidation/index.tsx
View file

@ -59,6 +59,7 @@ const PasscodeValidation = ({ type, method, className, hasPasswordButton, target
</div>
) : (
<TextLink
className={styles.link}
text="description.resend_passcode"
onClick={() => {
clearErrorMessage();
@ -67,7 +68,7 @@ const PasscodeValidation = ({ type, method, className, hasPasswordButton, target
/>
)}
{type === UserFlow.signIn && hasPasswordButton && (
<PasswordSignInLink method={method} target={target} className={styles.link} />
<PasswordSignInLink method={method} target={target} className={styles.switch} />
)}
</form>
);