IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2025-12-13 07:45:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix user avatar jumping on upload

Browse Source
This commit is contained in:
Matt Rider 2019-05-28 20:35:47 -03:00
parent 860a0d41d0
commit b08b29ba8e
1 changed files with 5 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
webapp/components/Upload/index.vue
View File

@ -48,13 +48,6 @@ export default {
<div class="dz-image">
<div data-dz-thumbnail-bg></div>
</div>
<div class="dz-details">
<div class="dz-size"><span data-dz-size></span></div>
<div class="dz-filename"><span data-dz-name></span></div>
</div>
<div class="dz-progress"><span class="dz-upload" data-dz-uploadprogress></span></div>
<div class="dz-error-message"><span data-dz-errormessage></span></div>
</div>
</div>
`
},
@ -117,15 +110,16 @@ export default {
}
#customdropzone .dz-preview {
transition: all 0.2s ease-out;
width: 160px;
display: flex;
}
#customdropzone .dz-preview .dz-image {
position: relative;
width: 122px;
height: 122px;
margin: -35px;
width: 100%;
height: 100%;
object-fit: contain;
overflow: hidden;
}
#customdropzone .dz-preview .dz-image > div {