[Bug] Chain Select style bug when set ConnectButton size or type
yutingzhao1991 opened this issue · comments
What happens?
![image](https://private-user-images.githubusercontent.com/1061968/331952741-81264ada-22f7-46ce-aca1-2cc4cc5cb837.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAzNTQ5NzIsIm5iZiI6MTcyMDM1NDY3MiwicGF0aCI6Ii8xMDYxOTY4LzMzMTk1Mjc0MS04MTI2NGFkYS0yMmY3LTQ2Y2UtYWNhMS0yY2M0Y2M1Y2I4MzcucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcwNyUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MDdUMTIxNzUyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9OWI0ZjM0MTc0MTljYzY2ZWVlNTBmZTEyMmFiODMwYmY1OTM0OGUwMDc0NjIzMTQ2ODc0NzE0M2U3MmE5ZDRkMCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.eRLBTjnpzLRx7hJbl5jZ69ZEDVKLKoaVkwUJMFPDShU)
How To Reproduce
import React from 'react';
import { ConnectButton, type Chain } from '@ant-design/web3';
import { Mainnet, Polygon } from '@ant-design/web3-assets';
import { Space } from 'antd';
const App: React.FC = () => {
const [chain, setChain] = React.useState<Chain>(Polygon);
return (
<Space>
<ConnectButton
chain={chain}
availableChains={[Mainnet, Polygon]}
account={{ address: '3ea2cfd153b8d8505097b81c87c11f5d05097c18' }}
onSwitchChain={async (c) => {
setChain(c);
}}
/>
<ConnectButton
chain={chain}
availableChains={[Mainnet, Polygon]}
type="text"
onSwitchChain={async (c) => {
setChain(c);
}}
/>
<ConnectButton
chain={chain}
availableChains={[Mainnet, Polygon]}
size="large"
onSwitchChain={async (c) => {
setChain(c);
}}
/>
</Space>
);
};
export default App;
Context
- Ant Design Web3 Version:
- Node Version:
- Platform: