diff options
-rw-r--r-- | components/UserAvatar.vue | 12 |
1 files changed, 9 insertions, 3 deletions
diff --git a/components/UserAvatar.vue b/components/UserAvatar.vue index 103455c..e75587b 100644 --- a/components/UserAvatar.vue +++ b/components/UserAvatar.vue @@ -1,13 +1,19 @@ <template lang="pug"> div(v-if="data") - img.h-8.w-8.rounded-full(v-if="data.avatar" :src="baseAPI+''+data.avatar" alt="Avatar") - span.h-8.w-8.rounded-full.bg-gray-100.text-center.pt-1.block(v-else) {{ data.username[0] }} + img.h-8.w-8.rounded-full( + :class="{'h-48 w-48': big}" + v-if="data.avatar" :src="baseAPI+''+data.avatar" alt="Avatar" + ) + span.h-8.w-8.rounded-full.bg-gray-100.text-center.pt-1.block( + :class="{'h-48 w-48': big}" + v-else + ) {{ data.username[0] }} </template> <script> export default { name: "UserAvatar", - props: ["data"], + props: ["data", "big"], data() { return { baseAPI: "", |