Fix Alchemy badge pointer bounds

This commit is contained in:
Aadi Desai 2024-05-29 21:40:53 +01:00
parent 45c94dc0be
commit e3c1801864
Signed by: supleed2
SSH key fingerprint: SHA256:CkbNRs0yVzXEiUp2zd0PSxsfRUMFF9bLlKXtE1xEbKM
2 changed files with 11 additions and 10 deletions

View file

@ -148,14 +148,12 @@
select a specific gateway, or use one of the extra features like Opensea or Block Explorer linking</p> select a specific gateway, or use one of the extra features like Opensea or Block Explorer linking</p>
</div> </div>
<br> <br>
<a href="#"> <picture class="alchemy-badge">
<picture> <source srcset="https://static.alchemyapi.io/images/marketing/badgeLight.png"
<source srcset="https://static.alchemyapi.io/images/marketing/badgeLight.png" media="(prefers-color-scheme: light)" />
media="(prefers-color-scheme: light)" /> <img onclick=logBadgeClick() id="badge-button" src="https://static.alchemyapi.io/images/marketing/badge.png"
<img onclick=logBadgeClick() id="badge-button" src="https://static.alchemyapi.io/images/marketing/badge.png" alt="Alchemy Supercharged" />
alt="Alchemy Supercharged" /> </picture>
</picture>
</a>
<br> <br>
<div class="social-icons"> <div class="social-icons">
<a class="social-icon" href="https://twitter.com/udlinkofficial"> <a class="social-icon" href="https://twitter.com/udlinkofficial">

View file

@ -294,12 +294,15 @@ body::-webkit-scrollbar {
margin: 0px 10%; margin: 0px 10%;
} }
a>picture { .alchemy-badge {
display: flex; display: flex;
width: 100%;
justify-content: center; justify-content: center;
} }
.alchemy-badge>img {
cursor: pointer;
}
#badge-button { #badge-button {
width: calc(min(240px, 80%)); width: calc(min(240px, 80%));
} }