AkkomaGang/akkoma-fe
5
13
Fork 64
Code Issues 82 Pull requests 20 Projects Releases 1 Wiki Activity

made attached images max size scale with font size

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/gallery/gallery.js
View file

@ -89,9 +89,9 @@ const Gallery = {
}, },
rowStyle (row) { rowStyle (row) {
if (row.audio) { 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) { } 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) { itemStyle (id, row) {

2
src/components/gallery/gallery.vue
View file

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