fix: Opacity

decentraland · Mar 4, 2024 · d77ff8d · d77ff8d
1 parent d3ee699
commit d77ff8d
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/webapp/src/components/AssetImage/EnsImage/utils.ts b/webapp/src/components/AssetImage/EnsImage/utils.ts
@@ -103,7 +103,9 @@ export async function drawImage(
       ctx.textAlign = 'center'
       ctx.textBaseline = 'middle'
       const dclEthYPosition = nameYPosition + 30 // Position "DCL.ETH" below the name
+      ctx.globalAlpha = 0.7
       ctx.fillText('DCL.ETH', width / 2, dclEthYPosition)
+      ctx.globalAlpha = 1
     } catch (e) {
       console.error('Error loading fonts', e)
     }
@@ -117,13 +119,17 @@ export async function drawImage(
     const logoYPosition = onlyLogo
       ? height / 2 - logoHeight / 2
       : nameYPosition - logoHeight - 25 // Adjust space above the name
+    if (!onlyLogo) {
+      ctx.globalAlpha = 0.5
+    }
     ctx.drawImage(
       await promiseOfALogo,
       logoXPosition,
       logoYPosition,
       logoWidth,
       logoHeight
     )
+    ctx.globalAlpha = 1
   } catch (e) {
     console.error('Error loading logo', e)
   }