diff --git a/src/components/Gallery/Gallery.scss b/src/components/Gallery/Gallery.scss index 3aec2069..f258798c 100644 --- a/src/components/Gallery/Gallery.scss +++ b/src/components/Gallery/Gallery.scss @@ -15,6 +15,7 @@ $verticalGalleryMargin: 28px; width: calc(100vw - $horizontalGalleryMargin * 2); height: calc(100vh - $verticalGalleryMargin * 2); + min-width: 480px; } &__body { @@ -87,6 +88,7 @@ $verticalGalleryMargin: 28px; #{$block} { &__content { width: 100vw; + min-width: 100vw; height: 100vh; position: relative; overflow: hidden; diff --git a/src/components/Gallery/components/DesktopGalleryHeader/DesktopGalleryHeader.scss b/src/components/Gallery/components/DesktopGalleryHeader/DesktopGalleryHeader.scss index 9c2faf63..1346a4b1 100644 --- a/src/components/Gallery/components/DesktopGalleryHeader/DesktopGalleryHeader.scss +++ b/src/components/Gallery/components/DesktopGalleryHeader/DesktopGalleryHeader.scss @@ -26,6 +26,7 @@ $block: '.#{variables.$ns}desktop-gallery-header'; align-items: center; justify-content: center; flex: 1; + white-space: nowrap; } &__actions {