This commit is contained in:
parent
20f11a6701
commit
31a5247b9c
|
@ -4,8 +4,8 @@
|
||||||
<mk-avatar class="avatar" :user="notification.user"/>
|
<mk-avatar class="avatar" :user="notification.user"/>
|
||||||
<div>
|
<div>
|
||||||
<header>
|
<header>
|
||||||
<mk-reaction-icon :reaction="notification.reaction"/>
|
<mk-reaction-icon :reaction="notification.reaction" class="icon"/>
|
||||||
<router-link :to="notification.user | userPage">
|
<router-link :to="notification.user | userPage" class="name">
|
||||||
<mk-user-name :user="notification.user"/>
|
<mk-user-name :user="notification.user"/>
|
||||||
</router-link>
|
</router-link>
|
||||||
<mk-time :time="notification.createdAt"/>
|
<mk-time :time="notification.createdAt"/>
|
||||||
|
@ -22,8 +22,8 @@
|
||||||
<mk-avatar class="avatar" :user="notification.user"/>
|
<mk-avatar class="avatar" :user="notification.user"/>
|
||||||
<div>
|
<div>
|
||||||
<header>
|
<header>
|
||||||
<fa icon="retweet"/>
|
<fa icon="retweet" class="icon"/>
|
||||||
<router-link :to="notification.user | userPage">
|
<router-link :to="notification.user | userPage" class="name">
|
||||||
<mk-user-name :user="notification.user"/>
|
<mk-user-name :user="notification.user"/>
|
||||||
</router-link>
|
</router-link>
|
||||||
<mk-time :time="notification.createdAt"/>
|
<mk-time :time="notification.createdAt"/>
|
||||||
|
@ -40,8 +40,8 @@
|
||||||
<mk-avatar class="avatar" :user="notification.user"/>
|
<mk-avatar class="avatar" :user="notification.user"/>
|
||||||
<div>
|
<div>
|
||||||
<header>
|
<header>
|
||||||
<fa icon="user-plus"/>
|
<fa icon="user-plus" class="icon"/>
|
||||||
<router-link :to="notification.user | userPage">
|
<router-link :to="notification.user | userPage" class="name">
|
||||||
<mk-user-name :user="notification.user"/>
|
<mk-user-name :user="notification.user"/>
|
||||||
</router-link>
|
</router-link>
|
||||||
<mk-time :time="notification.createdAt"/>
|
<mk-time :time="notification.createdAt"/>
|
||||||
|
@ -53,9 +53,9 @@
|
||||||
<mk-avatar class="avatar" :user="notification.user"/>
|
<mk-avatar class="avatar" :user="notification.user"/>
|
||||||
<div>
|
<div>
|
||||||
<header>
|
<header>
|
||||||
<fa icon="user-clock"/>
|
<fa icon="user-clock" class="icon"/>
|
||||||
<router-link :to="notification.user | userPage">
|
<router-link :to="notification.user | userPage">
|
||||||
<mk-user-name :user="notification.user"/>
|
<mk-user-name :user="notification.user" class="name"/>
|
||||||
</router-link>
|
</router-link>
|
||||||
<mk-time :time="notification.createdAt"/>
|
<mk-time :time="notification.createdAt"/>
|
||||||
</header>
|
</header>
|
||||||
|
@ -66,9 +66,9 @@
|
||||||
<mk-avatar class="avatar" :user="notification.user"/>
|
<mk-avatar class="avatar" :user="notification.user"/>
|
||||||
<div>
|
<div>
|
||||||
<header>
|
<header>
|
||||||
<fa icon="chart-pie"/>
|
<fa icon="chart-pie" class="icon"/>
|
||||||
<router-link :to="notification.user | userPage">
|
<router-link :to="notification.user | userPage">
|
||||||
<mk-user-name :user="notification.user"/>
|
<mk-user-name :user="notification.user" class="name"/>
|
||||||
</router-link>
|
</router-link>
|
||||||
<mk-time :time="notification.createdAt"/>
|
<mk-time :time="notification.createdAt"/>
|
||||||
</header>
|
</header>
|
||||||
|
@ -137,9 +137,13 @@ export default Vue.extend({
|
||||||
align-items baseline
|
align-items baseline
|
||||||
white-space nowrap
|
white-space nowrap
|
||||||
|
|
||||||
[data-icon], .mk-reaction-icon
|
> .icon
|
||||||
margin-right 4px
|
margin-right 4px
|
||||||
|
|
||||||
|
> .name
|
||||||
|
overflow hidden
|
||||||
|
text-overflow ellipsis
|
||||||
|
|
||||||
> .mk-time
|
> .mk-time
|
||||||
margin-left auto
|
margin-left auto
|
||||||
color var(--noteHeaderInfo)
|
color var(--noteHeaderInfo)
|
||||||
|
|
Loading…
Reference in New Issue