cerc-io/icns-frontend
10
0
Fork 0
forked from LaconicNetwork/icns-frontend
Code Pull Requests Actions Activity

Add text overflow about account name in before you start modal

Browse Source
This commit is contained in:
HeesungB 2022-12-20 21:31:08 +09:00
parent 4696bd1b5d
commit d57716dc39
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
components/before-you-start-modal/index.tsx
View File

@ -85,7 +85,7 @@ export const BeforeYouStartModal: FunctionComponent<Props> = (props) => {
{selectedWalletItem && ( {selectedWalletItem && (
<selectedWalletItem.IconComponent width={16} height={16} /> <selectedWalletItem.IconComponent width={16} height={16} />
)} )}
{walletKeyName} <WalletAccountName>{walletKeyName}</WalletAccountName>
</WalletAccountValue> </WalletAccountValue>
</WalletAccountContainer> </WalletAccountContainer>
<ClaimWithTwitterButton onClick={handleClickButton}> <ClaimWithTwitterButton onClick={handleClickButton}>
@ -186,6 +186,13 @@ const WalletAccountValue = styled.div`
color: ${color.grey["100"]}; color: ${color.grey["100"]};
`; `;
const WalletAccountName = styled.div`
max-width: 11rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
`;
const ClaimWithTwitterButton = styled.button` const ClaimWithTwitterButton = styled.button`
display: flex; display: flex;
align-items: center; align-items: center;