From faf2eb2801f3dfd5e06e1fbeff6b7afdd465d308 Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Sat, 4 Nov 2023 12:36:35 +0600
Subject: [PATCH] improve image loader

---
 src/components/common/ImageLoadingWrapper/styles.module.scss | 4 ++++
 src/components/node/NodeImageSwiperBlock/styles.module.scss  | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

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;