keb/ginou
1
0
Fork 0
Code Issues 6 Pull Requests Releases Activity

Mobile style fixes

Browse Source
This commit is contained in:
Théo Marchal 2022-08-08 01:41:02 +02:00
parent 56fd55d09d
commit ff2e32d2d9
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
painting.html
View File

@ -51,8 +51,8 @@
<li><span class="title">genre&#8239;:</span><span class="content genre">&#8239;</span></li> <li><span class="title">genre&#8239;:</span><span class="content genre">&#8239;</span></li>
<li><span class="title">thème&#8239;:</span><span class="content theme">&#8239;</span></li> <li><span class="title">thème&#8239;:</span><span class="content theme">&#8239;</span></li>
<li><span class="title">lieu&#8239;:</span><span class="content place">&#8239;</span></li> <li><span class="title">lieu&#8239;:</span><span class="content place">&#8239;</span></li>
<li><span class="title">état&#8239;photo&#8239;:</span><span class="content photo">&#8239;</span></li> <li><span class="title">état photo&#8239;:</span><span class="content photo">&#8239;</span></li>
<li><span class="title">aide&#8239;requise&#8239;:</span><span class="content help">&#8239;</span></li> <li><span class="title">aide requise&#8239;:</span><span class="content help">&#8239;</span></li>
<li><span class="title">tags&#8239;:</span><span class="content tag">&#8239;</span></li> <li><span class="title">tags&#8239;:</span><span class="content tag">&#8239;</span></li>
<li><span class="title">commentaire&#8239;:</span><span class="content comment"> </span></li> <li><span class="title">commentaire&#8239;:</span><span class="content comment"> </span></li>
<li><span class="content original"><a href="photos/paintings/original/42.jpg">photo originale <img src="styles/icons/arrow.svg"></a></span></li> <li><span class="content original"><a href="photos/paintings/original/42.jpg">photo originale <img src="styles/icons/arrow.svg"></a></span></li>

6
styles/main.css
View File

@ -338,7 +338,7 @@ article .gallery img {
@media only screen and (max-width:600px) { @media only screen and (max-width:600px) {
#info { #info {
min-width:280px; min-width:85vw;
} }
} }
@ -445,9 +445,11 @@ article.painting .container .metadata span.content img {
article.painting .container ul.metadata { article.painting .container ul.metadata {
position:relative; position:relative;
columns:2; columns:2;
width:80vw; width:95vw;
margin:auto; margin:auto;
margin-top:1rem; margin-top:1rem;
list-style-position:inside;
padding:0;
} }
} }