Gleev v4.13.4

Joystream · Nov 9, 2023 · 6103677 · 6103677
1 parent 972cddc
commit 6103677
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 10 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "description": "UI for consuming Joystream - a user governed video platform",
-  "version": "4.13.3",
+  "version": "4.13.4",
   "license": "GPL-3.0",
   "workspaces": [
     "packages/*"

diff --git a/packages/atlas/src/components/_referrals/TopReferrer/TopReferrer.styles.ts b/packages/atlas/src/components/_referrals/TopReferrer/TopReferrer.styles.ts
@@ -13,7 +13,7 @@ const spin = keyframes`
   to {
     transform: translate(-50%, -50%) rotate(360deg);
   }
- `
+`
 
 const spinAnimation = css`
   animation: ${spin} 3s linear infinite;
@@ -38,8 +38,8 @@ export const StyledContainer = styled(GridItem)<{ mostEarned: boolean }>`
             content: '';
             display: block;
             background: conic-gradient(#000 0turn 0.5turn, #007dff 0.6turn, #afd5fc 0.8turn, #000 1turn);
-            width: calc(100% * 2);
-            padding-bottom: calc(100% * 2);
+            width: calc(100% * 2.5);
+            padding-bottom: calc(100% * 2.5);
             position: absolute;
             left: 50%;
             top: 50%;
@@ -68,6 +68,7 @@ export const StyledContainer = styled(GridItem)<{ mostEarned: boolean }>`
 `
 
 export const StyledTierBadge = styled(TierBanner)`
+  padding-bottom: 0;
   border-radius: calc(1.5 * ${cVar('radiusLarge')});
 `
 

diff --git a/packages/atlas/src/components/_referrals/TopReferrer/TopReferrer.tsx b/packages/atlas/src/components/_referrals/TopReferrer/TopReferrer.tsx
@@ -63,12 +63,14 @@ export const TopReferrer = ({
                           {count}
                         </Text>
                       </StyledBadgeContentWrapper>
-                      <svg>
-                        <filter id="noise">
-                          <feTurbulence type="fractalNoise" baseFrequency="1" numOctaves="1" stitchTiles="stitch" />
-                          <feBlend in="SourceGraphic" in2="colorNoise" mode="multiply" />
-                        </filter>
-                      </svg>
+                      <div className="absolute-container">
+                        <svg>
+                          <filter id="noise">
+                            <feTurbulence type="fractalNoise" baseFrequency="1" numOctaves="1" stitchTiles="stitch" />
+                            <feBlend in="SourceGraphic" in2="colorNoise" mode="multiply" />
+                          </filter>
+                        </svg>
+                      </div>
                     </StyledTierBadge>
                   ))}
                 </FlexBox>