fix: mf-6591 text over cover

DimensionDev · Jan 23, 2025 · 574fa3c · 574fa3c
1 parent 54d08f1
commit 574fa3c
Showing 1 changed file with 5 additions and 6 deletions.
diff --git a/packages/plugins/RedPacket/src/SiteAdaptor/Conditions/index.tsx b/packages/plugins/RedPacket/src/SiteAdaptor/Conditions/index.tsx
@@ -4,7 +4,7 @@ import { FireflyRedPacketAPI } from '@masknet/web3-providers/types'
 import { Box, IconButton, Typography, type BoxProps } from '@mui/material'
 import { Trans } from '@lingui/react/macro'
 import { TokenIcon } from '@masknet/shared'
-import { formatCompact, isZero } from '@masknet/web3-shared-base'
+import { isZero } from '@masknet/web3-shared-base'
 import { NetworkPluginID } from '@masknet/shared-base'
 import { formatTokenAmount } from '../helpers/formatTokenAmount.js'
 
@@ -17,13 +17,12 @@ const useStyles = makeStyles<void, 'assetName'>()((theme, _, refs) => ({
         padding: theme.spacing(1.5),
         display: 'flex',
         flexDirection: 'column',
-        gap: theme.spacing(1),
     },
     header: {
-        fontSize: 24,
+        fontSize: 20,
         height: 20,
         fontWeight: 700,
-        paddingBottom: theme.spacing(2),
+        paddingBottom: theme.spacing(1),
         lineHeight: '120%',
         display: 'flex',
         alignItems: 'center',
@@ -66,7 +65,7 @@ const useStyles = makeStyles<void, 'assetName'>()((theme, _, refs) => ({
     collections: {
         display: 'grid',
         gridTemplateColumns: 'repeat(2,1fr)',
-        gap: theme.spacing(1.5),
+        gap: theme.spacing(1),
         [`& .${refs.assetName}`]: {
             lineHeight: '18px',
             height: 36,
@@ -175,7 +174,7 @@ export function Conditions({ onClose, statusList, unsatisfied = true, ...props }
                                         name={collection.collectionName}
                                         chainId={Number.parseInt(collection.chainId, 10)}
                                         logoURL={collection.icon!}
-                                        size={36}
+                                        size={34}
                                         badgeSize={12}
                                     />
                                     <Typography className={classes.assetName}>{collection.collectionName}</Typography>