diff options
| author | Roger Braun <roger@rogerbraun.net> | 2016-11-27 20:00:44 +0100 |
|---|---|---|
| committer | Roger Braun <roger@rogerbraun.net> | 2016-11-27 20:00:44 +0100 |
| commit | 0cbd145a5abb6eefda35a4a65820f7430634fbc0 (patch) | |
| tree | 6a41baefeda28ff277e8294db44fc934e840970d | |
| parent | e8c85434b7b884a9fa398d75694691548bc35aa3 (diff) | |
Add some icons to notifications.
| -rw-r--r-- | src/components/notifications/notifications.scss | 10 | ||||
| -rw-r--r-- | src/components/notifications/notifications.vue | 6 |
2 files changed, 13 insertions, 3 deletions
diff --git a/src/components/notifications/notifications.scss b/src/components/notifications/notifications.scss index 1257e751..4454d6b6 100644 --- a/src/components/notifications/notifications.scss +++ b/src/components/notifications/notifications.scss @@ -1,3 +1,4 @@ +@import '../../_variables.scss'; .notification { padding: 0.5em; padding-left: 1em; @@ -5,6 +6,15 @@ border-bottom: 1px solid silver; .text { + + .icon-retweet { + color: $green; + } + + .icon-reply { + color: $blue; + } + h1 { margin: 0; padding: 0; diff --git a/src/components/notifications/notifications.vue b/src/components/notifications/notifications.vue index de5d9f00..6f5dd721 100644 --- a/src/components/notifications/notifications.vue +++ b/src/components/notifications/notifications.vue @@ -9,15 +9,15 @@ </a> <div class='text'> <div v-if="notification.type === 'favorite'"> - <h1>{{ notification.action.user.name }} favorited your <router-link :to="{ name: 'conversation', params: { id: notification.status.id } }">status</h1> + <h1>{{ notification.action.user.name }}<i class="fa icon-star"></i> favorited your <router-link :to="{ name: 'conversation', params: { id: notification.status.id } }">status</h1> <p>{{ notification.status.text }}</p> </div> <div v-if="notification.type === 'repeat'"> - <h1>{{ notification.action.user.name }} repeated your <router-link :to="{ name: 'conversation', params: { id: notification.status.id } }">status</h1> + <h1>{{ notification.action.user.name }}<i class="fa icon-retweet"></i> repeated your <router-link :to="{ name: 'conversation', params: { id: notification.status.id } }">status</h1> <p>{{ notification.status.text }}</p> </div> <div v-if="notification.type === 'mention'"> - <h1>{{ notification.action.user.name }} <router-link :to="{ name: 'conversation', params: { id: notification.status.id } }">mentioned</router-link> you</h1> + <h1>{{ notification.action.user.name }}<i class="fa icon-reply"></i> <router-link :to="{ name: 'conversation', params: { id: notification.status.id } }">mentioned</router-link> you</h1> <p>{{ notification.status.text }}</p> </div> </div> |