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 }}