ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-13 07:46:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

improved author component

Browse Source
This commit is contained in:
Grzegorz Leoniec 2018-10-26 14:22:02 +02:00
parent ad56d710e6
commit 11457bf025
1 changed files with 17 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
components/Author.vue
View File

@ -5,26 +5,32 @@
:open-group="Math.random().toString()" :open-group="Math.random().toString()"
placement="top-start" placement="top-start"
trigger="manual" trigger="manual"
offset="5"> offset="0">
<a <a
v-router-link v-router-link
:href="author.slug ? $router.resolve({ name: 'profile-slug', params: { slug: author.slug } }).href : null" :href="author.slug ? $router.resolve({ name: 'profile-slug', params: { slug: author.slug } }).href : null"
style="white-space: nowrap; display: flex; align-items: center;"
@mouseover="popoverMouseEnter" @mouseover="popoverMouseEnter"
@mouseleave="popoveMouseLeave"> @mouseleave="popoveMouseLeave">
<div style="display: inline-block;"> <div style="display: inline-block; float: left; margin-right: 4px; height: 100%; vertical-align: middle;">
<ds-avatar <ds-avatar
:image="author.avatar" :image="author.avatar"
:name="author.name" :name="author.name"
style="display: inline-block;" style="display: inline-block; vertical-align: middle;"
size="32px" /> size="32px" />
</div> </div>
<div style="display: inline-block; padding-top: 20px;"> <div style="display: inline-block; height: 100%; vertical-align: middle;">
<b class="username">{{ author.name | truncate(trunc) }}</b><br> <b
<ds-text class="username"
size="small" style="vertical-align: middle;">{{ author.name | truncate(trunc, 18) }}</b>
color="soft"> <template v-if="post.createdAt">
{{ post.createdAt | date }} <br>
</ds-text> <ds-text
size="small"
color="soft">
{{ post.createdAt | date }}
</ds-text>
</template>
</div> </div>
</a> </a>
<div <div
@ -40,8 +46,7 @@
<hc-badges <hc-badges
v-if="author.badges && author.badges.length" v-if="author.badges && author.badges.length"
:badges="author.badges" :badges="author.badges"
size="small" style="margin-bottom: -10px" />
style="padding-top: 5px; margin-bottom: -15px" />
<ds-flex> <ds-flex>
<ds-flex-item class="ds-tab-nav-item"> <ds-flex-item class="ds-tab-nav-item">
<ds-space margin="small"> <ds-space margin="small">