diff options
| author | shpuld <shpuld@gmail.com> | 2017-02-24 18:53:53 +0200 |
|---|---|---|
| committer | shpuld <shpuld@gmail.com> | 2017-02-24 18:53:53 +0200 |
| commit | 2bfd2190a0e61af57c41f6f93229e2f8505ab945 (patch) | |
| tree | 739fe75beea4b1bda471f51b69ed0a30d2ed74e0 /src/components/notifications/notifications.vue | |
| parent | 9dfcf8a301c37b359cf18880732ad63b413ce63e (diff) | |
Mark unread notifs with the red line, make read notifs base01 again, center the heading text and move the button to the right of the panel.
Diffstat (limited to 'src/components/notifications/notifications.vue')
| -rw-r--r-- | src/components/notifications/notifications.vue | 7 |
1 files changed, 5 insertions, 2 deletions
diff --git a/src/components/notifications/notifications.vue b/src/components/notifications/notifications.vue index 36908b1e..41c274aa 100644 --- a/src/components/notifications/notifications.vue +++ b/src/components/notifications/notifications.vue @@ -1,9 +1,12 @@ <template> <div class="notifications"> <div class="panel panel-default base00-background"> - <div class="panel-heading base01-background base04">Notifications ({{unseenCount}}) <button @click.prevent="markAsSeen" class="base05 base02-background">Read!</button></div> + <div class="panel-heading base01-background base04"> + Notifications ({{unseenCount}}) + <button @click.prevent="markAsSeen" class="base05 base02-background">Read!</button> + </div> <div class="panel-body"> - <div v-for="notification in visibleNotifications" class="notification" :class='{"base01-background": notification.seen}'> + <div v-for="notification in visibleNotifications" class="notification" :class='{"unseen": !notification.seen}'> <a :href="notification.action.user.statusnet_profile_url"> <img class='avatar' :src="notification.action.user.profile_image_url_original"> </a> |