cerc-io/icns-frontend
16
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.IconComponent width={16} height={16} />
)}
{walletKeyName}
<WalletAccountName>{walletKeyName}</WalletAccountName>
</WalletAccountValue>
</WalletAccountContainer>
<ClaimWithTwitterButton onClick={handleClickButton}>
@ -186,6 +186,13 @@ const WalletAccountValue = styled.div`
color: ${color.grey["100"]};
`;
const WalletAccountName = styled.div`
max-width: 11rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
`;
const ClaimWithTwitterButton = styled.button`
display: flex;
align-items: center;