mirror of
https://github.com/supleed2/udlink-docs.git
synced 2024-12-22 06:05:50 +00:00
Fix Alchemy badge on small screens
This commit is contained in:
parent
0f332d36b0
commit
a20c2422da
|
@ -37,8 +37,8 @@
|
|||
<picture>
|
||||
<source srcset="https://static.alchemyapi.io/images/marketing/badgeLight.png"
|
||||
media="(prefers-color-scheme: light)" />
|
||||
<img onclick=logBadgeClick() id="badge-button" style="width:240px;height:53px"
|
||||
src="https://static.alchemyapi.io/images/marketing/badge.png" alt="Alchemy Supercharged" />
|
||||
<img onclick=logBadgeClick() id="badge-button" src="https://static.alchemyapi.io/images/marketing/badge.png"
|
||||
alt="Alchemy Supercharged" />
|
||||
</picture>
|
||||
</a>
|
||||
</body>
|
||||
|
|
|
@ -121,8 +121,8 @@
|
|||
<picture>
|
||||
<source srcset="https://static.alchemyapi.io/images/marketing/badgeLight.png"
|
||||
media="(prefers-color-scheme: light)" />
|
||||
<img onclick=logBadgeClick() id="badge-button" style="width:240px;height:53px"
|
||||
src="https://static.alchemyapi.io/images/marketing/badge.png" alt="Alchemy Supercharged" />
|
||||
<img onclick=logBadgeClick() id="badge-button" src="https://static.alchemyapi.io/images/marketing/badge.png"
|
||||
alt="Alchemy Supercharged" />
|
||||
</picture>
|
||||
</a>
|
||||
</body>
|
||||
|
|
10
styles.css
10
styles.css
|
@ -294,6 +294,16 @@ body::-webkit-scrollbar {
|
|||
margin: 0px 10%;
|
||||
}
|
||||
|
||||
a>picture {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
#badge-button {
|
||||
width: calc(min(240px, 80%));
|
||||
}
|
||||
|
||||
@media screen and (width < 450px) {
|
||||
.scroll-button {
|
||||
display: none;
|
||||
|
|
Loading…
Reference in a new issue