Merge pull request #955 from AMIRKHANEF/boxShadowAccountItem

Fix boxShadow issue on AccountItem component
PolkaGate · Feb 20, 2024 · 4f0171c · 4f0171c
2 parents 54d58c4 + 29466d1
commit 4f0171c
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/extension-polkagate/src/popup/homeFullScreen/partials/AccountInformation.tsx b/packages/extension-polkagate/src/popup/homeFullScreen/partials/AccountInformation.tsx
@@ -238,7 +238,7 @@ export default function AccountInformation({ accountAssets, address, api, assetI
   }, [onAction, address]);
 
   return (
-    <Grid alignItems='center' container item sx={{ bgcolor: 'background.paper', border: theme.palette.mode === 'dark' ? '1px solid' : 'none', borderColor: 'secondary.light', borderRadius: '5px', boxShadow: '2px 3px 4px 0px rgba(0, 0, 0, 0.1)', p: '20px 10px 15px 20px' }}>
+    <Grid alignItems='center' container item sx={{ bgcolor: 'background.paper', border: theme.palette.mode === 'dark' ? '1px solid' : 'none', borderColor: 'secondary.light', borderRadius: '5px', p: '20px 10px 15px 20px' }}>
       <Grid container item>
         <Grid container item sx={{ borderRight: '1px solid', borderRightColor: borderColor, pr: '8px', width: 'fit-content' }}>
           <Grid container item pr='7px' sx={{ '> div': { height: 'fit-content' }, m: 'auto', width: 'fit-content' }}>

diff --git a/packages/extension-polkagate/src/popup/homeFullScreen/partials/AccountItem.tsx b/packages/extension-polkagate/src/popup/homeFullScreen/partials/AccountItem.tsx
@@ -30,7 +30,7 @@ function AccountItem({ account, hideNumbers, quickActionOpen, setQuickActionOpen
   const [assetId, setAssetId] = useState<number | undefined>();
 
   return (
-    <Grid container item ref={containerRef} sx={{ overflow: 'hidden', position: 'relative' }} width='760px'>
+    <Grid container item ref={containerRef} sx={{ borderRadius: '5px', boxShadow: '2px 3px 4px 0px rgba(0, 0, 0, 0.1)', overflow: 'hidden', position: 'relative' }} width='760px'>
       <AccountInformation
         accountAssets={accountAssets}
         address={account.address}