style: remove unnecessary border color

lifinance · Feb 27, 2024 · c3148e4 · c3148e4
1 parent 6df7caf
commit c3148e4
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 31 deletions.
diff --git a/packages/widget-playground/src/components/Card/Card.style.tsx b/packages/widget-playground/src/components/Card/Card.style.tsx
@@ -1,6 +1,5 @@
 import type { BoxProps, Theme } from '@mui/material';
-import { Box, ButtonBase, Typography, avatarClasses } from '@mui/material';
-import { badgeClasses } from '@mui/material/Badge';
+import { Box, ButtonBase, Typography } from '@mui/material';
 import { alpha, darken, lighten, styled } from '@mui/material/styles';
 import type { MouseEventHandler } from 'react';
 
@@ -71,9 +70,6 @@ export const Card = styled(Box, {
       cursor: onClick ? 'pointer' : 'default',
       backgroundColor: backgroundHoverColor,
     },
-    [`&:hover .${badgeClasses.badge} > .${avatarClasses.root}`]: {
-      borderColor: backgroundHoverColor,
-    },
     transition: theme.transitions.create(['background-color'], {
       duration: theme.transitions.duration.enteringScreen,
       easing: theme.transitions.easing.easeOut,

diff --git a/packages/widget/src/components/Card/Card.tsx b/packages/widget/src/components/Card/Card.tsx
@@ -1,13 +1,5 @@
 import type { BoxProps, Theme } from '@mui/material';
-import {
-  Box,
-  alpha,
-  avatarClasses,
-  badgeClasses,
-  darken,
-  lighten,
-  styled,
-} from '@mui/material';
+import { Box, alpha, darken, lighten, styled } from '@mui/material';
 import type { MouseEventHandler } from 'react';
 
 type CardVariant = 'default' | 'selected' | 'error';
@@ -79,9 +71,6 @@ export const Card = styled(Box, {
       cursor: onClick ? 'pointer' : 'default',
       backgroundColor: backgroundHoverColor,
     },
-    [`&:hover .${badgeClasses.badge} > .${avatarClasses.root}`]: {
-      borderColor: backgroundHoverColor,
-    },
     transition: theme.transitions.create(
       ['background-color', 'box-shadow', 'border-color'],
       {

diff --git a/packages/widget/src/components/Header/Header.style.ts b/packages/widget/src/components/Header/Header.style.ts
@@ -4,8 +4,6 @@ import {
   Box,
   Button,
   alpha,
-  avatarClasses,
-  badgeClasses,
   buttonClasses,
   styled,
 } from '@mui/material';
@@ -54,9 +52,6 @@ export const WalletButton = styled(Button)(({ theme }) => ({
   [`.${buttonClasses.startIcon} > *:nth-of-type(1)`]: {
     fontSize: '24px',
   },
-  [`&:hover .${badgeClasses.badge} > .${avatarClasses.root}`]: {
-    borderColor: getContrastAlphaColor(theme, 0.04),
-  },
 }));
 
 export const DrawerWalletContainer = styled(Box)(({ theme }) => ({

diff --git a/packages/widget/src/components/ListItemButton.tsx b/packages/widget/src/components/ListItemButton.tsx
@@ -1,9 +1,4 @@
-import {
-  ListItemButton as MuiListItemButton,
-  avatarClasses,
-  badgeClasses,
-  styled,
-} from '@mui/material';
+import { ListItemButton as MuiListItemButton, styled } from '@mui/material';
 import { getContrastAlphaColor } from '../utils/colors.js';
 
 export const ListItemButton = styled(MuiListItemButton)(({
@@ -18,9 +13,6 @@ export const ListItemButton = styled(MuiListItemButton)(({
     '&:hover': {
       backgroundColor: !disabled && backgroundHoverColor,
     },
-    [`&:hover .${badgeClasses.badge} > .${avatarClasses.root}`]: {
-      borderColor: backgroundHoverColor,
-    },
     ...(disabled ? { opacity: 0.5, cursor: 'auto' } : {}),
   };
 });