diff options
author | Jessica <jessica@Absolventas-MacBook-Pro.local> | 2018-09-28 16:45:22 +0200 |
---|---|---|
committer | Jessica <jessica@Absolventas-MacBook-Pro.local> | 2018-09-28 16:45:22 +0200 |
commit | 5394404bc80e9216bc1013a8fb4bfb4a2498a5ac (patch) | |
tree | 59826107b65d9a28233aa848759244f21df309c0 /src | |
parent | 531773f7ea78fda29825415725db8fcd8f9f09ec (diff) |
removed padding and changed img to div
Diffstat (limited to 'src')
-rw-r--r-- | src/components/ContactDetails/ContactDetailsAvatar.vue | 7 |
1 files changed, 3 insertions, 4 deletions
diff --git a/src/components/ContactDetails/ContactDetailsAvatar.vue b/src/components/ContactDetails/ContactDetailsAvatar.vue index 63cfb8ed..bc09b227 100644 --- a/src/components/ContactDetails/ContactDetailsAvatar.vue +++ b/src/components/ContactDetails/ContactDetailsAvatar.vue @@ -24,16 +24,15 @@ import rfcProps from '../../models/rfcProps'; <template> <div :class="{'maximised':maximizeAvatar }" class="contact-header-avatar"> <div class="contact-header-avatar__background" @click="toggleSize" /> - <img v-if="contact.photo" :src="contact.photo" - class="contact-header-avatar__picture" - @click="toggleSize"> + <div v-if="contact.photo" :style="{ 'backgroundImage': `url(${contact.photo})` }" + class="contact-header-avatar__photo" + @click="toggleSize" /> <div class="contact-header-avatar__options"> <input id="contact-avatar-upload" type="file" class="hidden" accept="image/*" @change="processFile"> <label v-tooltip.auto="t('contacts', 'Upload a new picture')" for="contact-avatar-upload" class="icon-upload-white" @click="processFile" /> <div v-if="maximizeAvatar" class="icon-delete-white" @click="removePhoto" /> - <!-- <div v-if="maximizeAvatar" class="icon-fullscreen-white" @click="toggleSize" /> --> <a v-if="maximizeAvatar" :href="contact.url + '?photo'" class="icon-download-white" /> </div> </div> |