muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 04:46:40 +07:00
Code Packages Activity Actions

upgraded swiperjs to 8.0

Browse source
This commit is contained in:
Fedor Katurov 2022-03-23 13:57:33 +07:00
parent ddbd51f534
commit 68bab520df
5 changed files with 36 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/components/node/NodeImageSwiperBlock/index.tsx
View file

@ -53,10 +53,19 @@ const NodeImageSwiperBlock: FC<IProps> = observer(({ node }) => {
[images, controlledSwiper, showPhotoSwiper]
);
// TODO: remove it if swiper 8 fixed sliding to first slide on init
// useEffect(() => {
// controlledSwiper?.slideTo(0, 0);
// return () => controlledSwiper?.slideTo(0, 0);
// }, [images, node?.id]);
useEffect(() => {
controlledSwiper?.slideTo(0, 0);
return () => controlledSwiper?.slideTo(0, 0);
}, [images, node?.id]);
if (isModalActive) {
controlledSwiper?.keyboard.disable();
} else {
controlledSwiper?.keyboard.enable();
}
}, [isModalActive]);
if (!images?.length) {
return null;
@ -74,14 +83,6 @@ const NodeImageSwiperBlock: FC<IProps> = observer(({ node }) => {
);
}
useEffect(() => {
if (isModalActive) {
controlledSwiper?.keyboard.disable();
} else {
controlledSwiper?.keyboard.enable();
}
}, [isModalActive]);
return (
<div className={styles.wrapper}>
<Swiper

14
src/styles/_global.scss
View file

@ -2,13 +2,13 @@
@import 'photoswipe/dist/photoswipe';
@import 'photoswipe/dist/default-skin/default-skin';
@import 'swiper/swiper';
@import 'swiper/components/effect-fade/effect-fade';
@import 'swiper/components/lazy/lazy';
@import 'swiper/components/pagination/pagination';
@import 'swiper/components/scrollbar/scrollbar';
@import 'swiper/components/zoom/zoom';
@import 'swiper/components/navigation/navigation';
@import 'swiper/css';
@import 'swiper/css/effect-fade';
@import 'swiper/css/lazy';
@import 'swiper/css/pagination';
@import 'swiper/css/scrollbar';
@import 'swiper/css/zoom';
@import 'swiper/css/navigation';
html {
min-height: 100vh;