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;
border-radius: 20px;
display: flex;
flex-direction: column;
position: relative;
justify-content: center;
align-items: center;
overflow: hidden;
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)`
align-items: center;
display: flex;
@ -97,7 +69,7 @@ export default function CTACards() {
return (
<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>
<HeaderText>
<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>
</ThemedText.DeprecatedBody>
</ResponsiveColumn>
</CTA1>
<CTA2 data-testid="cta-infolink" href={infoLink + 'pools'}>
</CTA>
<CTA data-testid="cta-infolink" href={infoLink + 'pools'}>
<ResponsiveColumn>
<HeaderText style={{ alignSelf: 'flex-start' }}>
<Trans>Top pools</Trans> ↗
@ -116,7 +88,7 @@ export default function CTACards() {
<Trans>Explore Uniswap Analytics.</Trans>
</ThemedText.DeprecatedBody>
</ResponsiveColumn>
</CTA2>
</CTA>
</CTASection>
)
}