Various fixes for mobile

This commit is contained in:
Joshua Goins 2025-03-17 08:58:49 -04:00
parent 882c81019f
commit 5f3fc127f6
3 changed files with 14 additions and 3 deletions

View file

@ -66,6 +66,10 @@
#character-container { #character-container {
grid-template-columns: 50% 50%; grid-template-columns: 50% 50%;
} }
.actual-article-img {
max-width: 50%;
}
} }
@media (min-width: 1100px) { @media (min-width: 1100px) {
@ -139,6 +143,14 @@
#koring { #koring {
display: none; display: none;
} }
#seriesnav {
display: none !important;
}
.actual-article-img {
max-width: 100%;
}
} }
body { body {
@ -410,7 +422,6 @@ footer {
} }
.actual-article-img { .actual-article-img {
max-width: 50%;
max-height: 100%; max-height: 100%;
height: auto; height: auto;
} }

View file

@ -57,7 +57,7 @@
{{ end }} {{ end }}
{{ end }} {{ end }}
<div class="art-button-container"> <div id="seriesnav" class="art-button-container">
{{ if $prev }} {{ if $prev }}
{{ with $.Page.GetPage $prev }} {{ with $.Page.GetPage $prev }}
<a class="art-button" href="{{ .RelPermalink }}">{{ .Title }}</a> <a class="art-button" href="{{ .RelPermalink }}">{{ .Title }}</a>

View file

@ -1 +1 @@
<iframe style="display: block; margin: auto;" title="PeerTube Embed" src="{{ .Get 0 }}" allowfullscreen="" sandbox="allow-scripts allow-popups" width="560" height="315"></iframe> <iframe style="display: block; margin: auto; aspect-ratio: 1.777777777777778" class="actual-article-img" title="PeerTube Embed" src="{{ .Get 0 }}" allowfullscreen="" sandbox="allow-scripts allow-popups" width="1280" height="720"></iframe>