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

NodeLayout

Browse source
This commit is contained in:
muerwre 2019-08-25 16:10:46 +07:00
parent 684a4f4474
commit b154277de8
23 changed files with 332 additions and 65 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/components/node/NodeImageBlockPlaceholder/index.tsx Normal file
View file

@ -0,0 +1,11 @@
import React, { FC } from 'react';
import * as styles from './styles.scss';
import { LoaderCircle } from '~/components/input/LoaderCircle';
const NodeImageBlockPlaceholder: FC<{}> = () => (
<div className={styles.placeholder}>
<LoaderCircle size={64} />
</div>
);
export { NodeImageBlockPlaceholder };

14
src/components/node/NodeImageBlockPlaceholder/styles.scss Normal file
View file

@ -0,0 +1,14 @@
.placeholder {
height: 33vw;
background: transparentize(black, 0.8);
border: $radius $radius 0 0;
@include outer_shadow();
display: flex;
align-items: center;
justify-content: center;
svg {
fill: transparentize(white, 0.95);
}
}