diff --git a/app/javascript/flavours/glitch/styles/components.scss b/app/javascript/flavours/glitch/styles/components.scss index 4973c8437f..7fcd50278f 100644 --- a/app/javascript/flavours/glitch/styles/components.scss +++ b/app/javascript/flavours/glitch/styles/components.scss @@ -7644,6 +7644,13 @@ img.modal-warning { grid-template-rows: 1fr 1fr; gap: 2px; + &--layout-1 { + // The size of single images is determined by their + // aspect-ratio, applied via inline style attribute + width: initial; + max-height: 460px; + } + &--layout-2 { & > .media-gallery__item:nth-child(1) { border-end-end-radius: 0; diff --git a/app/javascript/flavours/glitch/styles_new/mastodon/components.scss b/app/javascript/flavours/glitch/styles_new/mastodon/components.scss index 6cd23ea05a..60752e24a4 100644 --- a/app/javascript/flavours/glitch/styles_new/mastodon/components.scss +++ b/app/javascript/flavours/glitch/styles_new/mastodon/components.scss @@ -7460,6 +7460,13 @@ img.modal-warning { grid-template-rows: 1fr 1fr; gap: 2px; + &--layout-1 { + // The size of single images is determined by their + // aspect-ratio, applied via inline style attribute + width: initial; + max-height: 460px; + } + &--layout-2 { & > .media-gallery__item:nth-child(1) { border-end-end-radius: 0;