local-it/vikunja-frontend
0
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Update dependency vue-advanced-cropper to v1 (#393)

Browse source 
Co-authored-by: kolaente <k@knt.li>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/393
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>
This commit is contained in:
renovate 2021-02-05 18:51:06 +00:00 committed by konrad
parent 36fa8cfc13
commit 684fb49aad
4 changed files with 23 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

@ -25,7 +25,7 @@
"snake-case": "3.0.4", "snake-case": "3.0.4",
"verte": "0.0.12", "verte": "0.0.12",
"vue": "2.6.12", "vue": "2.6.12",
"vue-advanced-cropper": "0.20.1", "vue-advanced-cropper": "1.2.5",
"vue-drag-resize": "1.4.2", "vue-drag-resize": "1.4.2",
"vue-easymde": "1.3.2", "vue-easymde": "1.3.2",
"vue-shortkey": "3.1.7", "vue-shortkey": "3.1.7",

19
src/components/user/avatar-settings.vue
View file

@ -38,8 +38,9 @@
:src="avatarToCrop" :src="avatarToCrop"
:stencil-props="{aspectRatio: 1}" :stencil-props="{aspectRatio: 1}"
@ready="() => loading = false" @ready="() => loading = false"
class="mb-4" class="mb-4 cropper"
ref="cropper"/> ref="cropper"
/>
<x-button <x-button
:loading="avatarService.loading || loading" :loading="avatarService.loading || loading"
@click="uploadAvatar" @click="uploadAvatar"
@ -63,6 +64,7 @@
<script> <script>
import {Cropper} from 'vue-advanced-cropper' import {Cropper} from 'vue-advanced-cropper'
import 'vue-advanced-cropper/dist/style.css'
import AvatarService from '../../services/avatar' import AvatarService from '../../services/avatar'
import AvatarModel from '../../models/avatar' import AvatarModel from '../../models/avatar'
@ -142,3 +144,16 @@ export default {
}, },
} }
</script> </script>
<style lang="scss">
@import '../../styles/theme/variables/all';
.cropper {
height: 80vh;
background: transparent;
}
.vue-advanced-cropper__background {
background: $white;
}
</style>

1
src/styles/theme/variables/variables.scss
View file

@ -1,5 +1,6 @@
@import 'colors'; @import 'colors';
$white: #fff;
$black: hsl(0, 0%, 4%) !default; $black: hsl(0, 0%, 4%) !default;
$orange: #ff851b; $orange: #ff851b;
$green: #00db60; $green: #00db60;

8
yarn.lock
View file

@ -15080,10 +15080,10 @@ vscode-uri@^1.0.6:
resolved "https://registry.yarnpkg.com/vscode-uri/-/vscode-uri-1.0.8.tgz#9769aaececae4026fb6e22359cb38946580ded59" resolved "https://registry.yarnpkg.com/vscode-uri/-/vscode-uri-1.0.8.tgz#9769aaececae4026fb6e22359cb38946580ded59"
integrity sha512-obtSWTlbJ+a+TFRYGaUumtVwb+InIUVI0Lu0VBUAPmj2cU5JutEXg3xUE0c2J5Tcy7h2DEKVJBFi+Y9ZSFzzPQ== integrity sha512-obtSWTlbJ+a+TFRYGaUumtVwb+InIUVI0Lu0VBUAPmj2cU5JutEXg3xUE0c2J5Tcy7h2DEKVJBFi+Y9ZSFzzPQ==
vue-advanced-cropper@0.20.1: vue-advanced-cropper@1.2.5:
version "0.20.1" version "1.2.5"
resolved "https://registry.yarnpkg.com/vue-advanced-cropper/-/vue-advanced-cropper-0.20.1.tgz#bf77f8c650d4e2f1b8d73152e4cdbb227eac8942" resolved "https://registry.yarnpkg.com/vue-advanced-cropper/-/vue-advanced-cropper-1.2.5.tgz#b51d7f3ef0a3e3693f00334ae2954256b11129d2"
integrity sha512-G/RloEFoAIMd8hK9xczcu9muUNq0GzHupcnuFQuiyk9+4W+JkT4Ypnrr0CLDrtuFwd1BFabiX9bdpk+Z/XP2EQ== integrity sha512-KByumoh4Nfgi+y+wH5NCO2LkVcrJ/ySNCwxY41wtBtv/uOKO7wmkGUoetBX2HVPoVfRqxbDsGhM324nRVwdLrQ==
dependencies: dependencies:
classnames "^2.2.6" classnames "^2.2.6"
debounce "^1.2.0" debounce "^1.2.0"