diff --git a/public/images/creators/diamonds/diamond-right.svg b/public/images/creators/diamonds/diamond-right.svg index 262873b21..5fccdf77f 100644 --- a/public/images/creators/diamonds/diamond-right.svg +++ b/public/images/creators/diamonds/diamond-right.svg @@ -1,3 +1,3 @@ - - + + diff --git a/public/images/creators/diamonds/diamond-top-left.svg b/public/images/creators/diamonds/diamond-top-left.svg deleted file mode 100644 index b49695ab3..000000000 --- a/public/images/creators/diamonds/diamond-top-left.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/components/leaderboard/ProgressModal.module.sass b/src/components/leaderboard/ProgressModal.module.sass index 53b555a72..becd56e98 100644 --- a/src/components/leaderboard/ProgressModal.module.sass +++ b/src/components/leaderboard/ProgressModal.module.sass @@ -34,11 +34,11 @@ .Content overflow: visible !important - .OutsideDiamondLeft + .OutsideDiamondRight position: absolute - top: -15px - left: 0px - width: 70px + top: 0px + right: 0px + width: 80px .ProgressModalContent border-radius: $border_radius_huge @@ -81,11 +81,11 @@ transform: translate(35%, -50%) rotate(20deg) .MutedText - color: rgba(255, 255, 255, 0.75) + color: rgba(255, 255, 255, 0.86) .GhostButton - border-color: rgba(255, 255, 255, .75) - color: rgba(255, 255, 255, .75) + border-color: rgba(255, 255, 255, .86) + color: rgba(255, 255, 255, .86) &:hover, &:focus border-color: white !important color: white !important diff --git a/src/components/leaderboard/ProgressModal.tsx b/src/components/leaderboard/ProgressModal.tsx index ffae78350..6e9d6c887 100644 --- a/src/components/leaderboard/ProgressModal.tsx +++ b/src/components/leaderboard/ProgressModal.tsx @@ -185,8 +185,8 @@ function InnerProgressModal() { style={{ paddingTop: '2.6rem', paddingBottom: '3rem' }} >
@@ -409,11 +409,13 @@ function RewardCard({ }) { return (
- + {!forPostImage && ( + + )}
{contents.map(({ title, content }) => (