fix(crypto-input): fix token style (#1007)

Author: thinkasany

.changeset/sour-boats-flow.md

@@ -0,0 +1,5 @@
+---
+'@ant-design/web3': patch
+---
+
+fix(crypto-input): fix token style

packages/web3/src/crypto-input/index.tsx

@@ -131,7 +131,7 @@ export const CryptoInput: React.FC<CryptoInputProps> = ({
       {footer !== false && (
         <div className={getClsName('footer')}>
           {footer || (
-            <Flex className={getClsName('total-default-footer')} justify="space-between">
+            <Flex className={getClsName('default-footer')} justify="space-between">
               <Typography.Text
                 ellipsis={{ tooltip: tokenTotalPrice }}
                 className={getClsName('total-price')}

packages/web3/src/crypto-input/style/index.ts

@@ -85,21 +85,21 @@ const getTokenStyle: GenerateStyle<TokenStyle> = (token) => {
     },
 
     [`${componentCls}-footer`]: {
-      '.default-footer': {
+      [`${componentCls}-default-footer`]: {
         fontWeight: fontWeightStrong,
 
-        '.total-price': {
+        [`${componentCls}-total-price`]: {
           flex: 1,
           color: colorTextTertiary,
           marginInlineEnd: marginSM,
         },
 
-        '.token-balance': {
+        [`${componentCls}-token-balance`]: {
           color: colorTextTertiary,
           flex: '0 0 auto',
         },
 
-        '.max-button': {
+        [`${componentCls}-max-button`]: {
           marginInlineStart: marginXS,
           color: colorInfoText,
         },