From 0cbd145a5abb6eefda35a4a65820f7430634fbc0 Mon Sep 17 00:00:00 2001 From: Roger Braun Date: Sun, 27 Nov 2016 20:00:44 +0100 Subject: [PATCH] Add some icons to notifications. --- src/components/notifications/notifications.scss | 10 ++++++++++ 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 @@
-

{{ notification.action.user.name }} favorited your status

+

{{ notification.action.user.name }} favorited your status

{{ notification.status.text }}

-

{{ notification.action.user.name }} repeated your status

+

{{ notification.action.user.name }} repeated your status

{{ notification.status.text }}

-

{{ notification.action.user.name }} mentioned you

+

{{ notification.action.user.name }} mentioned you

{{ notification.status.text }}