summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--components/UserAvatar.vue12
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: "",