nnwhen/nnwhen.com
SHA256
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

adequate "Mirror" mobile fix

Browse source
This commit is contained in:
nnwhen 2025-05-01 16:05:16 +02:00
parent 1b38121a9b
commit f6bdc3f596
2 changed files with 13 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

2
mirror.html
View file

@ -74,7 +74,7 @@
/> />
<img src="res/asset-sitewide-header-banner.png" alt="" /> <img src="res/asset-sitewide-header-banner.png" alt="" />
</picture> </picture>
<a aria-label="Return to the Homepage" tabindex="-1" href="#"> <a aria-label="Return to the Homepage" tabindex="-1" href="index.html">
<picture id="header-img-group-logo"> <picture id="header-img-group-logo">
<source <source
srcset="res/asset-sitewide-header-ennspace.avif" srcset="res/asset-sitewide-header-ennspace.avif"

16
style.css
View file

@ -670,17 +670,19 @@ footer#free {
/* Mirror List */ /* Mirror List */
.ly-mirror { .ly-mirror {
display: flex; display: flex;
width: min(95%, 1200px); flex-wrap: wrap;
justify-content: space-evenly;
max-width: min(95%, 800px);
margin: 20px auto; margin: 20px auto;
background-color: var(--accent-3); background-color: var(--accent-3);
} }
.ly-mirror img, .ly-mirror img,
.ly-mirror picture { .ly-mirror picture {
width: 250px; max-width: 250px;
height: 250px; max-height: 250px;
width: 100%;
object-fit: cover; object-fit: cover;
margin-right: 20px;
animation: load 1s infinite alternate; animation: load 1s infinite alternate;
} }
.ly-mirror h1, .ly-mirror h1,
@ -700,6 +702,12 @@ footer#free {
font-size: larger; font-size: larger;
font-family: "mono", monospace; font-family: "mono", monospace;
} }
.mirror-info {
max-width: 500px;
width: 100%;
margin: auto;
padding: 10px;
}
/* Directory List Pages */ /* Directory List Pages */
.list { .list {