Stupid-Cat
/
a.stupid.cat
mirror of https://github.com/AriTheStupidCat/a.stupid.cat.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fixed issue of button-wall overlapping main content on mobile/smaller screens

This commit is contained in:
Ari 2026-06-13 19:24:38 +01:00
parent 32ab132f53
commit 4ecf06f903
3 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/88x31/transnow2.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 471 B

9
css/index.css
View File

@ -184,7 +184,7 @@ body::before {
margin-bottom: 10px; margin-bottom: 10px;
} }
/* ---- 88x31 button wall (always visible) ---- */ /* ---- 88x31 button wall (always visible on desktop) ---- */
.button-wall { .button-wall {
position: fixed; position: fixed;
bottom: 1rem; bottom: 1rem;
@ -198,6 +198,13 @@ body::before {
max-width: min(90vw, 480px); max-width: min(90vw, 480px);
} }
/* hide on mobile */
@media (max-width: 768px) {
.button-wall {
display: none;
}
}
.button-wall a { .button-wall a {
display: block; display: block;
line-height: 0; line-height: 0;

2
index.html
View File

@ -73,6 +73,8 @@
<img src="/assets/88x31/nft.gif" alt="NFT" loading="lazy"> <img src="/assets/88x31/nft.gif" alt="NFT" loading="lazy">
<img src="/assets/88x31/noweb32.gif" alt="No Web 3.2" loading="lazy"> <img src="/assets/88x31/noweb32.gif" alt="No Web 3.2" loading="lazy">
<img src="/assets/88x31/meltice.gif" alt="Melt Ice" loading="lazy"> <img src="/assets/88x31/meltice.gif" alt="Melt Ice" loading="lazy">
<img src="/assets/88x31/transnow2.gif" alt="Melt Ice" loading="lazy">
</aside> </aside>
</body> </body>
<script src="js/index.js"></script> <script src="js/index.js"></script>