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

node editing saga

Browse source
This commit is contained in:
Fedor Katurov 2019-10-22 12:31:59 +07:00
parent 249a9b368c
commit f71be36520
6 changed files with 50 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/components/editors/ImageEditor/index.tsx
View file

@ -4,6 +4,7 @@ import { INode, IFile } from '~/redux/types';
import * as UPLOAD_ACTIONS from '~/redux/uploads/actions';
import { selectUploads } from '~/redux/uploads/selectors';
import { ImageGrid } from '~/components/editors/ImageGrid';
import * as styles from './styles.scss';
const mapStateToProps = selectUploads;
const mapDispatchToProps = {
@ -26,7 +27,11 @@ const ImageEditorUnconnected: FC<IProps> = ({ data, setData, temp, statuses }) =
const setFiles = useCallback((files: IFile[]) => setData({ ...data, files }), [data, setData]);
return <ImageGrid files={data.files} setFiles={setFiles} locked={pending_files} />;
return (
<div className={styles.wrap}>
<ImageGrid files={data.files} setFiles={setFiles} locked={pending_files} />
</div>
);
};
const ImageEditor = connect(

12
src/components/editors/ImageEditor/styles.scss
View file

@ -1,14 +1,4 @@
.uploads {
.wrap {
min-height: 200px;
padding-bottom: 60px;
box-sizing: border-box;
display: grid;
grid-column-gap: $gap;
grid-row-gap: $gap;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
@media (max-width: 600px) {
grid-template-columns: repeat(auto-fill, minmax(30vw, 1fr));
}
}