retr0volkov/abyss-lab
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve primary button hover style

Browse Source
This commit is contained in:
Sakura Knoll
2022-01-02 18:05:54 +09:00 Unverified
parent c2470595f3
commit c90058c199
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/theme.ts
+2 -1
View File
@@ -99,13 +99,14 @@ export const theme: Theme = {
cursor: 'pointer', cursor: 'pointer',
textDecoration: 'none', textDecoration: 'none',
borderRadius: 'default', borderRadius: 'default',
'&:hover, &.active': { '&.active, &:active, &:hover:active, &.active:hover': {
color: 'background', color: 'background',
bg: 'primary', bg: 'primary',
}, },
transition: transition:
'box-shadow 200ms ease-in-out, color 200ms ease-in-out, background-color 200ms ease-in-out', 'box-shadow 200ms ease-in-out, color 200ms ease-in-out, background-color 200ms ease-in-out',
'&:hover': { '&:hover': {
bg: 'rgba(0, 123, 255, 0.2)',
boxShadow: 'rgba(0, 0, 0, 0.2) 0px 4px 8px;', boxShadow: 'rgba(0, 0, 0, 0.2) 0px 4px 8px;',
}, },
'&.hidden': { '&.hidden': {