feat: modify styles

2026-07-18 10:36:22 +08:00 · 2022-10-21 16:55:29 +08:00
parent c47c7d2c4a
commit 8a2a3e2c4c
7 changed files with 50 additions and 16 deletions
@@ -30,8 +30,13 @@ export const StyledAnimateRadioContainer = styled('div')<{ shrink: boolean }>(
      background: theme.colors.hoverBackground,
      position: 'relative',
      display: 'flex',
-      transition: `background ${ANIMATE_DURATION}ms`,
+      transition: `background ${ANIMATE_DURATION}ms, border ${ANIMATE_DURATION}ms`,
+      border: '1px solid transparent',
+
      ...shrinkStyle,
+      ':hover': {
+        border: `1px solid ${theme.colors.primaryColor}`,
+      },
    };
  }
 );