Fix portrait photos using thumb for full size variant
All checks were successful
CI / Lint (pull_request) Successful in 32s
CI / Test (pull_request) Successful in 55s
Release Drafter / Update release notes draft (pull_request) Successful in 4s

This commit is contained in:
2026-05-05 10:16:12 +02:00
parent 10aae3c9b3
commit 7a109c9ba5
2 changed files with 45 additions and 19 deletions

View File

@@ -33,6 +33,14 @@ export default class PhotoCarousel extends Component {
return !this.canScrollRight; return !this.canScrollRight;
} }
get isGalleryMain() {
return this.args.variant === 'gallery-main';
}
get isGalleryThumbnails() {
return this.args.variant === 'gallery-thumbnails';
}
get variantClass() { get variantClass() {
return this.args.variant || 'inline'; return this.args.variant || 'inline';
} }
@@ -205,6 +213,23 @@ export default class PhotoCarousel extends Component {
/> />
{{/if}} {{/if}}
{{#if this.isGalleryMain}}
<img
data-src={{photo.url}}
class="place-header-photo
{{if photo.isLandscape 'landscape' 'portrait'}}"
alt={{@name}}
{{fadeInImage photo.url}}
/>
{{else if this.isGalleryThumbnails}}
<img
data-src={{if photo.thumbUrl photo.thumbUrl photo.url}}
class="place-header-photo
{{if photo.isLandscape 'landscape' 'portrait'}}"
alt={{@name}}
{{fadeInImage (if photo.thumbUrl photo.thumbUrl photo.url)}}
/>
{{else}}
{{#if photo.isLandscape}} {{#if photo.isLandscape}}
<picture> <picture>
{{#if photo.thumbUrl}} {{#if photo.thumbUrl}}
@@ -229,6 +254,7 @@ export default class PhotoCarousel extends Component {
{{fadeInImage (if photo.thumbUrl photo.thumbUrl photo.url)}} {{fadeInImage (if photo.thumbUrl photo.thumbUrl photo.url)}}
/> />
{{/if}} {{/if}}
{{/if}}
</div> </div>
{{/each}} {{/each}}

View File

@@ -80,7 +80,7 @@ export default class PhotoGallery extends Component {
class="dropdown-item" class="dropdown-item"
type="button" type="button"
{{on "click" (fn this.copyEventId closeMenu)}} {{on "click" (fn this.copyEventId closeMenu)}}
>Copy Nostr Event ID</button> >Copy Photo Event ID</button>
<button <button
class="dropdown-item" class="dropdown-item"
type="button" type="button"