diff options
Diffstat (limited to 'src/components/basic_user_card/basic_user_card.vue')
| -rw-r--r-- | src/components/basic_user_card/basic_user_card.vue | 47 |
1 files changed, 10 insertions, 37 deletions
diff --git a/src/components/basic_user_card/basic_user_card.vue b/src/components/basic_user_card/basic_user_card.vue index 8388deb8..8afe8b44 100644 --- a/src/components/basic_user_card/basic_user_card.vue +++ b/src/components/basic_user_card/basic_user_card.vue @@ -1,49 +1,22 @@ <template> <div class="basic-user-card"> <router-link :to="userProfileLink(user)"> - <UserAvatar - class="avatar" - :src="user.profile_image_url" - @click.prevent.native="toggleUserExpanded" - /> + <UserAvatar class="avatar" @click.prevent.native="toggleUserExpanded" :src="user.profile_image_url"/> </router-link> - <div - v-if="userExpanded" - class="basic-user-card-expanded-content" - > - <UserCard - :user="user" - :rounded="true" - :bordered="true" - /> + <div class="basic-user-card-expanded-content" v-if="userExpanded"> + <UserCard :user="user" :rounded="true" :bordered="true"/> </div> - <div - v-else - class="basic-user-card-collapsed-content" - > - <div - :title="user.name" - class="basic-user-card-user-name" - > - <span - v-if="user.name_html" - class="basic-user-card-user-name-value" - v-html="user.name_html" - /> - <span - v-else - class="basic-user-card-user-name-value" - >{{ user.name }}</span> + <div class="basic-user-card-collapsed-content" v-else> + <div :title="user.name" class="basic-user-card-user-name"> + <span v-if="user.name_html" class="basic-user-card-user-name-value" v-html="user.name_html"></span> + <span v-else class="basic-user-card-user-name-value">{{ user.name }}</span> </div> <div> - <router-link - class="basic-user-card-screen-name" - :to="userProfileLink(user)" - > - @{{ user.screen_name }} + <router-link class="basic-user-card-screen-name" :to="userProfileLink(user)"> + @{{user.screen_name}} </router-link> </div> - <slot /> + <slot></slot> </div> </div> </template> |