|
|
|
@@ -466,7 +466,7 @@ function FlipBook({ pages, onClose }: { pages: string[]; onClose: () => void }) |
|
|
|
flippingTime: 800, |
|
|
|
usePortrait: true, |
|
|
|
maxShadowOpacity: 0.5, |
|
|
|
showCover: true, |
|
|
|
showCover: false, |
|
|
|
mobileScrollSupport: false, |
|
|
|
useMouseEvents: true, |
|
|
|
swipeDistance: 30, |
|
|
|
@@ -520,23 +520,23 @@ function FlipBook({ pages, onClose }: { pages: string[]; onClose: () => void }) |
|
|
|
>✕</button> |
|
|
|
|
|
|
|
<style dangerouslySetInnerHTML={{ __html: ` |
|
|
|
.stf__item.--left::after, |
|
|
|
.stf__item.--right::after { |
|
|
|
.stf__item[class~="--left"]::after, |
|
|
|
.stf__item[class~="--right"]::after { |
|
|
|
content: ''; |
|
|
|
position: absolute; |
|
|
|
top: 0; |
|
|
|
bottom: 0; |
|
|
|
width: 28px; |
|
|
|
width: 50px; |
|
|
|
pointer-events: none; |
|
|
|
z-index: 2; |
|
|
|
z-index: 10; |
|
|
|
} |
|
|
|
.stf__item.--left::after { |
|
|
|
.stf__item[class~="--left"]::after { |
|
|
|
right: 0; |
|
|
|
background: linear-gradient(to left, rgba(0,0,0,0.45), transparent); |
|
|
|
background: linear-gradient(to left, rgba(0,0,0,0.65), transparent); |
|
|
|
} |
|
|
|
.stf__item.--right::after { |
|
|
|
.stf__item[class~="--right"]::after { |
|
|
|
left: 0; |
|
|
|
background: linear-gradient(to right, rgba(0,0,0,0.45), transparent); |
|
|
|
background: linear-gradient(to right, rgba(0,0,0,0.65), transparent); |
|
|
|
} |
|
|
|
`}} /> |
|
|
|
<div |
|
|
|
|
