forked from FoundKeyGang/FoundKey
🎨
This commit is contained in:
parent
9d99bf5af8
commit
ec3a6d7097
2 changed files with 9 additions and 1 deletions
|
@ -51,6 +51,7 @@
|
||||||
<div class="notifications" v-if="showNotifications">
|
<div class="notifications" v-if="showNotifications">
|
||||||
<header>
|
<header>
|
||||||
<button @click="showNotifications = false"><fa icon="times"/></button>
|
<button @click="showNotifications = false"><fa icon="times"/></button>
|
||||||
|
<i v-if="hasUnreadNotification" class="circle"><fa icon="circle"/></i>
|
||||||
</header>
|
</header>
|
||||||
<mk-notifications/>
|
<mk-notifications/>
|
||||||
</div>
|
</div>
|
||||||
|
@ -228,6 +229,13 @@ export default Vue.extend({
|
||||||
line-height 42px
|
line-height 42px
|
||||||
color var(--text)
|
color var(--text)
|
||||||
|
|
||||||
|
> i
|
||||||
|
position absolute
|
||||||
|
top 0
|
||||||
|
right 16px
|
||||||
|
font-size 12px
|
||||||
|
color var(--notificationIndicator)
|
||||||
|
|
||||||
> .nav
|
> .nav
|
||||||
|
|
||||||
> .me
|
> .me
|
||||||
|
|
|
@ -124,7 +124,7 @@ export default Vue.extend({
|
||||||
position absolute
|
position absolute
|
||||||
top 0
|
top 0
|
||||||
left 0
|
left 0
|
||||||
color var(--primary)
|
color var(--notificationIndicator)
|
||||||
font-size 16px
|
font-size 16px
|
||||||
|
|
||||||
&.post
|
&.post
|
||||||
|
|
Loading…
Reference in a new issue