therwi/sunkkoma
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Make buttons stand out with some shading.

Browse source
This commit is contained in:
Shpuld Shpuldson 2017-06-21 17:15:45 +03:00
parent 8e5d17a659
commit bf84a87821
3 changed files with 24 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/notifications/notifications.vue
View file

@ -4,7 +4,7 @@
<div class="panel-heading base01-background base04">
<span class="unseen-count" v-if="unseenCount">{{unseenCount}}</span>
Notifications
<button @click.prevent="markAsSeen" class="base06 base02-background read-button">Read!</button>
<button @click.prevent="markAsSeen" class="base05 base01-background read-button">Read!</button>
</div>
<div class="panel-body base03-border">
<div v-for="notification in visibleNotifications" :key="notification" class="notification" :class='{"unseen": !notification.seen}'>