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

added blurred image for preloading

Browse source
This commit is contained in:
Fedor Katurov 2020-10-27 16:35:45 +07:00
parent dfb66e3742
commit 5187306401
1 changed files with 21 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -306,9 +306,28 @@ const NodeImageSlideBlock: FC<IProps> = ({
<svg <svg
viewBox={`0 0 ${file.metadata.width} ${file.metadata.height}`} viewBox={`0 0 ${file.metadata.width} ${file.metadata.height}`}
className={styles.image} className={styles.image}
style={{ maxHeight: max_height, width: file.metadata.width }} style={{
maxHeight: max_height,
// height: file.metadata.height,
width: file.metadata.width,
}}
> >
<rect fill="blue" width="100%" height="100%" /> <defs>
<filter id="f1" x="0" y="0">
<feGaussianBlur stdDeviation="10" />
<feColorMatrix in="a1" type="saturate" values="0.5" />
<feColorMatrix in="a1" type="brightness" values="2" />
</filter>
</defs>
<rect fill="#333333" width="100%" height="100%" />
<image
xlinkHref={getURL(file, PRESETS['300'])}
width="100%"
height="100%"
filter="url(#f1)"
/>
</svg> </svg>
{ {
<img <img