Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-03-24 22:41:28 -05:00
Code Issues Activity

refactor(console): add inspire me button hover background (#3395)

Browse source
This commit is contained in:
Xiao Yijun 2023-03-14 15:58:54 +08:00 • committed by GitHub
parent c01ad88dab
commit e359479ad5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 12 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
packages/console/src/onboarding/assets/images/fireworks.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.6 KiB

13
packages/console/src/onboarding/pages/SignInExperience/components/InspireMe/index.module.scss
View file

@ -24,8 +24,17 @@
}
.button {
&:not(:disabled):not(:active):hover {
background: var(--color-layer-1);
&:not(:disabled) {
&:not(:active),
&:active {
&:hover {
background: var(--color-layer-1) center / 90% no-repeat url('../../../../assets/images/fireworks.png');
}
}
&:active:hover {
background-color: transparent;
}
}
}
}

1
packages/console/src/onboarding/pages/SignInExperience/components/InspireMe/index.tsx
View file

@ -44,6 +44,7 @@ const InspireMe = ({ onInspired }: Props) => {
</div>
<Button
icon={<BulbIcon />}
size="large"
className={styles.button}
title="cloud.sie.inspire.inspire_me"
onMouseEnter={() => {