made attached images max size scale with font size

meta-comment: eliminated corner-case weirdness by replaced cursed CSS with slightly less cursed CSS
This commit is contained in:
RiedleroD 2024-05-20 18:17:39 +02:00 committed by RiedleroD
parent 21fe7d76d3
commit 74b651a3a2
2 changed files with 3 additions and 3 deletions

View file

@ -89,9 +89,9 @@ const Gallery = {
},
rowStyle (row) {
if (row.audio) {
return { 'padding-bottom': '25%' } // fixed reduced height for audio
return { 'aspect-ratio': '1/4' } // fixed reduced height for audio
} else if (!row.minimal && !row.grid) {
return { 'padding-bottom': `${(100 / (row.items.length + 0.6))}%` }
return { 'aspect-ratio': `${(1 / (row.items.length + 0.6))}/1` }
}
},
itemStyle (id, row) {

View file

@ -96,7 +96,7 @@
.gallery-row {
position: relative;
height: 0;
max-height: 30em;
width: 100%;
flex-grow: 1;