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

(nextjs) fixed image preloader on mobile

Browse source
This commit is contained in:
Fedor Katurov 2022-01-19 14:26:08 +07:00
parent 67e4ed3e16
commit 76a1353831
2 changed files with 5 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/components/media/ImagePreloader/index.tsx
View file

@ -13,7 +13,6 @@ import { getURL } from '~/utils/dom';
import styles from './styles.module.scss'; import styles from './styles.module.scss';
interface IProps { interface IProps {
file: IFile; file: IFile;
color?: string; color?: string;

6
src/components/media/ImagePreloader/styles.module.scss
View file

@ -1,10 +1,14 @@
@import "src/styles/variables.scss"; @import "src/styles/variables.scss";
.image { img.image {
position: absolute; position: absolute;
opacity: 0; opacity: 0;
width: 0;
height: 0;
&.is_loaded { &.is_loaded {
width: auto;
height: auto;
opacity: 1; opacity: 1;
position: static; position: static;
} }