adequate "Mirror" mobile fix
This commit is contained in:
parent
1b38121a9b
commit
f6bdc3f596
2 changed files with 13 additions and 5 deletions
|
@ -74,7 +74,7 @@
|
|||
/>
|
||||
<img src="res/asset-sitewide-header-banner.png" alt="" />
|
||||
</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">
|
||||
<source
|
||||
srcset="res/asset-sitewide-header-ennspace.avif"
|
||||
|
|
16
style.css
16
style.css
|
@ -670,17 +670,19 @@ footer#free {
|
|||
/* Mirror List */
|
||||
.ly-mirror {
|
||||
display: flex;
|
||||
width: min(95%, 1200px);
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-evenly;
|
||||
max-width: min(95%, 800px);
|
||||
margin: 20px auto;
|
||||
|
||||
background-color: var(--accent-3);
|
||||
}
|
||||
.ly-mirror img,
|
||||
.ly-mirror picture {
|
||||
width: 250px;
|
||||
height: 250px;
|
||||
max-width: 250px;
|
||||
max-height: 250px;
|
||||
width: 100%;
|
||||
object-fit: cover;
|
||||
margin-right: 20px;
|
||||
animation: load 1s infinite alternate;
|
||||
}
|
||||
.ly-mirror h1,
|
||||
|
@ -700,6 +702,12 @@ footer#free {
|
|||
font-size: larger;
|
||||
font-family: "mono", monospace;
|
||||
}
|
||||
.mirror-info {
|
||||
max-width: 500px;
|
||||
width: 100%;
|
||||
margin: auto;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
/* Directory List Pages */
|
||||
.list {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue