fix(vote): make the vote page responsive

e9a11bb6 · Wei Li · GitHub · c5afbedb · e9a11bb6
Unverified Commit e9a11bb6 authored 4 years ago by Wei Li Committed by GitHub 4 years ago
Hide whitespace changes
Inline Side-by-side

Showing

with 6 additions and 2 deletions
+6 -2
--- a/src/pages/Vote/VotePage.tsx
+++ b/src/pages/Vote/VotePage.tsx
@@ -98,6 +98,10 @@ const DetailText = styled.div`
  word-break: break-all;
 `

+const ProposerAddressLink = styled(ExternalLink)`
+  word-break: break-all;
+`
+
 export default function VotePage({
  match: {
    params: { id }
@@ -283,11 +287,11 @@ export default function VotePage({
        </AutoColumn>
        <AutoColumn gap="md">
          <TYPE.mediumHeader fontWeight={600}>Proposer</TYPE.mediumHeader>
-          <ExternalLink
+          <ProposerAddressLink
            href={proposalData?.proposer && chainId ? getEtherscanLink(chainId, proposalData?.proposer, 'address') : ''}
          >
            <ReactMarkdown source={proposalData?.proposer} />
-          </ExternalLink>
+          </ProposerAddressLink>
        </AutoColumn>
      </ProposalInfo>
    </PageWrapper>