diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2021-02-14 22:52:45 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2021-02-14 22:52:45 +0900 |
| commit | f1a861d1c18bf3c9cd19b7ec42588d52c405b80f (patch) | |
| tree | c9f6bc1966d4b7dd3f325407f7c3bb34d49c9425 /src/client | |
| parent | Chat UI (#7197) (diff) | |
| download | misskey-f1a861d1c18bf3c9cd19b7ec42588d52c405b80f.tar.gz misskey-f1a861d1c18bf3c9cd19b7ec42588d52c405b80f.tar.bz2 misskey-f1a861d1c18bf3c9cd19b7ec42588d52c405b80f.zip | |
wip
Diffstat (limited to 'src/client')
| -rw-r--r-- | src/client/ui/chat/index.vue | 15 |
1 files changed, 13 insertions, 2 deletions
diff --git a/src/client/ui/chat/index.vue b/src/client/ui/chat/index.vue index a2df8ab13f..c504485536 100644 --- a/src/client/ui/chat/index.vue +++ b/src/client/ui/chat/index.vue @@ -10,7 +10,7 @@ </button> </div> <div class="right"> - <MkA class="item" to="/my/notifications"><Fa :icon="faBell"/></MkA> + <MkA class="item" to="/my/notifications"><Fa :icon="faBell"/><i v-if="$i.hasUnreadNotification"><Fa :icon="faCircle"/></i></MkA> </div> </header> <div class="body"> @@ -283,7 +283,18 @@ export default defineComponent({ padding: 10px; box-sizing: border-box; margin-right: 4px; - opacity: 0.6; + //opacity: 0.6; + position: relative; + + > i { + position: absolute; + top: 8px; + right: 8px; + color: var(--indicator); + font-size: 8px; + line-height: 8px; + animation: blink 1s infinite; + } } } } |