Improve primary button hover style

2022-01-02 18:05:54 +09:00
parent c2470595f3
commit c90058c199
1 changed files with 2 additions and 1 deletions
@@ -99,13 +99,14 @@ export const theme: Theme = {
      cursor: 'pointer',
      textDecoration: 'none',
      borderRadius: 'default',
-      '&:hover, &.active': {
+      '&.active, &:active, &:hover:active, &.active:hover': {
        color: 'background',
        bg: 'primary',
      },
      transition:
        'box-shadow 200ms ease-in-out, color 200ms ease-in-out, background-color 200ms ease-in-out',
      '&:hover': {
+        bg: 'rgba(0, 123, 255, 0.2)',
        boxShadow: 'rgba(0, 0, 0, 0.2) 0px 4px 8px;',
      },
      '&.hidden': {