diff --git a/src/containers/ShareRewardModal/ShareRewardModal.tsx b/src/containers/ShareRewardModal/ShareRewardModal.tsx index 63941e842..b448b6d30 100644 --- a/src/containers/ShareRewardModal/ShareRewardModal.tsx +++ b/src/containers/ShareRewardModal/ShareRewardModal.tsx @@ -55,9 +55,8 @@ export default function ShareRewardModal() { const block = item?.blockHeight || 0; const reward = item?.amount || 0; const earningsFormatted = useMemo(() => formatBalance(reward).toLowerCase(), [reward]); - const tx_id = item?.tx_id || ''; - const shareUrl = `${airdropUrl}/download/${referralCode}?tx_id=${tx_id}`; + const shareUrl = `${airdropUrl}/download/${referralCode}?bh=${block}`; const handleCopy = () => { navigator.clipboard.writeText(shareUrl); diff --git a/src/containers/ShareRewardModal/styles.ts b/src/containers/ShareRewardModal/styles.ts index c855cbdfa..822fa3e68 100644 --- a/src/containers/ShareRewardModal/styles.ts +++ b/src/containers/ShareRewardModal/styles.ts @@ -9,6 +9,11 @@ export const HeroImage = styled('img')` left: 50%; transform: translateX(-50%); pointer-events: none; + + @media (max-height: 800px) { + width: 65%; + top: -50px; + } `; export const ContentWrapper = styled('div')` @@ -19,6 +24,10 @@ export const ContentWrapper = styled('div')` justify-content: center; align-items: center; gap: 20px; + + @media (max-height: 800px) { + padding-top: 190px; + } `; export const Title = styled('div')`