muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-24 20:36:40 +07:00
Code Packages Activity Actions

tried to fix image grid, but got no results

Browse source
This commit is contained in:
muerwre 2019-08-08 15:48:25 +07:00
parent 1730421f27
commit 10b013f9a8
4 changed files with 4 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/components/editors/ImageGrid/index.tsx
View file

@ -19,6 +19,7 @@ const SortableList = SortableContainer(({ items, locked }: { items: IFile[], loc
items.map((file, index) => (
<SortableItem key={file.id} index={index}>
<ImageUpload
id={file.id}
thumb={file.url}
/>
</SortableItem>

2
src/components/editors/ImageGrid/styles.scss
View file

@ -19,7 +19,7 @@
// flex: 0 4 25%;
width: 25%;
float: left;
padding: $gap / 2;
// padding: $gap / 2;
z-index: 100;
box-sizing: border-box;
}

2
src/components/upload/ImageUpload/index.tsx
View file

@ -20,7 +20,7 @@ const ImageUpload: FC<IProps> = ({
return (
<div className={styles.wrap}>
<div className={classNames(styles.thumb_wrap, { is_uploading })}>
{thumb && <div className={styles.thumb} style={{ background: `url("${thumb}")` }} />}
{thumb && <div className={styles.thumb} style={{ background: `url("${thumb}")` }}>{id}</div>}
{is_uploading && <div className={styles.progress}><ArcProgress size={72} progress={progress} /></div>}
</div>
</div>

2
src/components/upload/ImageUpload/styles.scss
View file

@ -30,7 +30,7 @@
border-radius: $radius;
background: no-repeat 50% 50%;
background-size: cover;
opacity: 0;
opacity: 0.3;
}
.progress {