Fix text typing speed, remove description in complete page
This commit is contained in:
parent
5a36f96c9e
commit
a710f737ca
@ -98,9 +98,9 @@ export default function CompletePage() {
|
|||||||
strings={registeredAddressed.map(
|
strings={registeredAddressed.map(
|
||||||
(address) => address.bech32_prefix,
|
(address) => address.bech32_prefix,
|
||||||
)}
|
)}
|
||||||
typeSpeed={150}
|
typeSpeed={30}
|
||||||
backSpeed={150}
|
backSpeed={30}
|
||||||
backDelay={1000}
|
backDelay={500}
|
||||||
loop
|
loop
|
||||||
smartBackspace
|
smartBackspace
|
||||||
onStringTyped={(arrayPos: number) => {
|
onStringTyped={(arrayPos: number) => {
|
||||||
@ -113,16 +113,6 @@ export default function CompletePage() {
|
|||||||
</RecipentContainer>
|
</RecipentContainer>
|
||||||
</ContentContainer>
|
</ContentContainer>
|
||||||
|
|
||||||
<DescriptionContainer>
|
|
||||||
<AlertIcon>
|
|
||||||
<AlertCircleOutlineIcon />
|
|
||||||
</AlertIcon>
|
|
||||||
<DescriptionText>
|
|
||||||
ICNS name will stay the same even if your twitter handle changes in
|
|
||||||
the future.
|
|
||||||
</DescriptionText>
|
|
||||||
</DescriptionContainer>
|
|
||||||
|
|
||||||
<ShareButtonContainer onClick={onClickShareButton}>
|
<ShareButtonContainer onClick={onClickShareButton}>
|
||||||
<Image
|
<Image
|
||||||
src="/images/icons/twitter-small.png"
|
src="/images/icons/twitter-small.png"
|
||||||
@ -224,40 +214,6 @@ const AvailableAddressText = styled.div`
|
|||||||
color: ${color.blue};
|
color: ${color.blue};
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const DescriptionContainer = styled.div`
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
gap: 1rem;
|
|
||||||
|
|
||||||
width: 31rem;
|
|
||||||
|
|
||||||
margin-top: 1.5rem;
|
|
||||||
padding: 1.25rem 2rem;
|
|
||||||
|
|
||||||
background-color: ${color.grey["900"]};
|
|
||||||
`;
|
|
||||||
|
|
||||||
const AlertIcon = styled.div`
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
width: 1.5rem;
|
|
||||||
height: 1.5rem;
|
|
||||||
`;
|
|
||||||
|
|
||||||
const DescriptionText = styled.div`
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
font-family: "Inter", serif;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 0.8rem;
|
|
||||||
line-height: 140%;
|
|
||||||
|
|
||||||
color: ${color.grey["400"]};
|
|
||||||
`;
|
|
||||||
|
|
||||||
const SpinnerWrapper = styled.div`
|
const SpinnerWrapper = styled.div`
|
||||||
display: flex;
|
display: flex;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
Loading…
Reference in New Issue
Block a user