ButterflyEffect/uniswap-interface-uncensored
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: align /pools CTAs to the top (#6253)

Browse Source 
* fix: align /pools CTAs to the top

* connor comments

* Revert "connor comments"

This reverts commit e8f25e8fa1ad013bb33084d77d1474883cd1dd9b.
This commit is contained in:
Vignesh Mohankumar 2023-03-24 18:33:28 -04:00 committed by GitHub
parent 267e7de2b6
commit eb105b6ec7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/pages/Pool/CTACards.tsx
View File

@ -19,14 +19,10 @@ const CTASection = styled.section`
`}; `};
` `
const CTA1 = styled(ExternalLink)` const CTA = styled(ExternalLink)`
padding: 16px; padding: 16px;
border-radius: 20px; border-radius: 20px;
display: flex;
flex-direction: column;
position: relative; position: relative;
justify-content: center;
align-items: center;
overflow: hidden; overflow: hidden;
border: 1px solid ${({ theme }) => theme.deprecated_bg3}; border: 1px solid ${({ theme }) => theme.deprecated_bg3};
@ -45,30 +41,6 @@ const CTA1 = styled(ExternalLink)`
} }
` `
const CTA2 = styled(ExternalLink)`
position: relative;
overflow: hidden;
padding: 16px;
border-radius: 20px;
display: flex;
flex-direction: column;
justify-content: center;
border: 1px solid ${({ theme }) => theme.deprecated_bg3};
* {
color: ${({ theme }) => theme.textPrimary};
text-decoration: none !important;
}
:hover {
border: 1px solid ${({ theme }) => theme.deprecated_bg4};
text-decoration: none !important;
* {
text-decoration: none !important;
}
}
`
const HeaderText = styled(ThemedText.DeprecatedLabel)` const HeaderText = styled(ThemedText.DeprecatedLabel)`
align-items: center; align-items: center;
display: flex; display: flex;
@ -97,7 +69,7 @@ export default function CTACards() {
return ( return (
<CTASection> <CTASection>
<CTA1 href="https://support.uniswap.org/hc/en-us/categories/8122334631437-Providing-Liquidity-"> <CTA href="https://support.uniswap.org/hc/en-us/categories/8122334631437-Providing-Liquidity-">
<ResponsiveColumn> <ResponsiveColumn>
<HeaderText> <HeaderText>
<Trans>Learn about providing liquidity</Trans> ↗ <Trans>Learn about providing liquidity</Trans> ↗
@ -106,8 +78,8 @@ export default function CTACards() {
<Trans>Check out our v3 LP walkthrough and migration guides.</Trans> <Trans>Check out our v3 LP walkthrough and migration guides.</Trans>
</ThemedText.DeprecatedBody> </ThemedText.DeprecatedBody>
</ResponsiveColumn> </ResponsiveColumn>
</CTA1> </CTA>
<CTA2 data-testid="cta-infolink" href={infoLink + 'pools'}> <CTA data-testid="cta-infolink" href={infoLink + 'pools'}>
<ResponsiveColumn> <ResponsiveColumn>
<HeaderText style={{ alignSelf: 'flex-start' }}> <HeaderText style={{ alignSelf: 'flex-start' }}>
<Trans>Top pools</Trans> ↗ <Trans>Top pools</Trans> ↗
@ -116,7 +88,7 @@ export default function CTACards() {
<Trans>Explore Uniswap Analytics.</Trans> <Trans>Explore Uniswap Analytics.</Trans>
</ThemedText.DeprecatedBody> </ThemedText.DeprecatedBody>
</ResponsiveColumn> </ResponsiveColumn>
</CTA2> </CTA>
</CTASection> </CTASection>
) )
} }