diff options
| author | shpuld <shpuld@gmail.com> | 2017-03-07 15:55:00 +0200 |
|---|---|---|
| committer | shpuld <shpuld@gmail.com> | 2017-03-07 15:55:00 +0200 |
| commit | 58fdf9e70d56e23fe6c6cd73e31532ebde4caac1 (patch) | |
| tree | eb0fc83fa08128d1d419bc99ba08d0c77e8a3f44 /src/components/notifications/notifications.vue | |
| parent | e64a5beb35ca7c356054b68c861cc44ccac42bc5 (diff) | |
Put the number of notifications inside a red circle (kinda like qvitter and everyone else does), make the red notification line slightly less transparent.
Diffstat (limited to 'src/components/notifications/notifications.vue')
| -rw-r--r-- | src/components/notifications/notifications.vue | 3 |
1 files changed, 2 insertions, 1 deletions
diff --git a/src/components/notifications/notifications.vue b/src/components/notifications/notifications.vue index e0dcb12d..91f6cfdc 100644 --- a/src/components/notifications/notifications.vue +++ b/src/components/notifications/notifications.vue @@ -2,7 +2,8 @@ <div class="notifications"> <div class="panel panel-default base00-background"> <div class="panel-heading base01-background base04"> - Notifications ({{unseenCount}}) + <span class="unseen-count" v-if="unseenCount">{{unseenCount}}</span> + Notifications <button @click.prevent="markAsSeen" class="base06 base02-background read-button">Read!</button> </div> <div class="panel-body"> |