diff --git a/src/components/common/ImageLoadingWrapper/styles.module.scss b/src/components/common/ImageLoadingWrapper/styles.module.scss index 7b2ced09..e3591bdb 100644 --- a/src/components/common/ImageLoadingWrapper/styles.module.scss +++ b/src/components/common/ImageLoadingWrapper/styles.module.scss @@ -5,6 +5,8 @@ } .preview { + @include outer_shadow; + position: absolute; inset: 0; pointer-events: none; @@ -13,6 +15,8 @@ align-items: flex-end; justify-content: flex-end; padding: $gap; + overflow: hidden; + border-radius: $radius; } .thumbnail { diff --git a/src/components/node/NodeImageSwiperBlock/styles.module.scss b/src/components/node/NodeImageSwiperBlock/styles.module.scss index e5c9499c..9589ae19 100644 --- a/src/components/node/NodeImageSwiperBlock/styles.module.scss +++ b/src/components/node/NodeImageSwiperBlock/styles.module.scss @@ -14,7 +14,7 @@ :global(.swiper-pagination) { left: 50%; bottom: $gap * 2; - transform: translate(-50%, 0); + transform: translate(-50%, 25%); background: $content_bg_darker; width: auto; padding: 5px 10px;