add cover to profile & logout on dashbord

This commit is contained in:
2020-04-19 10:57:43 +02:00
parent a12af09102
commit c71f3ca4d8
13 changed files with 156 additions and 45 deletions

View File

@@ -0,0 +1,46 @@
<template>
<div>
<div class="relative">
<UploadableImage
:image-width=1500
:image-height=500
location="cover"
:image="authUser.data.attributes.cover_image"
:author="authUser"
:id="authUser.data.user_id"
:model="authUser.data.type"
classes="cover"
:alt="authUser.data.attributes.name"/>
<div class="absolute b-0">
<UploadableImage
:image-width=750
:image-height=750
location="profile"
:image="authUser.data.attributes.profile_image"
:author="authUser"
:id="authUser.data.user_id"
:model="authUser.data.type"
classes="profile absolute"
:alt="authUser.data.attributes.name"/>
<h1 class="profile-title">{{ authUser.data.attributes.name }}</h1>
</div>
</div>
</div>
</template>
<script>
import { mapGetters } from 'vuex'
import UploadableImage from "../../components/UploadableImage";
export default {
name: 'Profil',
components: {
UploadableImage
},
computed: {
...mapGetters({
authUser: 'authUser',
})
},
}
</script>