diff options
| author | tusooa <tusooa@kazv.moe> | 2023-08-18 21:35:56 -0400 |
|---|---|---|
| committer | tusooa <tusooa@kazv.moe> | 2023-08-18 22:25:32 -0400 |
| commit | ebee2bda639988b3bfa29e0cfc9c6a76bfda5b07 (patch) | |
| tree | 52d226e0ee03a3cef25b1808353c24da152c2052 /src/components/extra_notifications/extra_notifications.vue | |
| parent | a2c21e27428d44eac899c2497f599f9abfcb5cef (diff) | |
Add icons to extra notifications
Diffstat (limited to 'src/components/extra_notifications/extra_notifications.vue')
| -rw-r--r-- | src/components/extra_notifications/extra_notifications.vue | 19 |
1 files changed, 19 insertions, 0 deletions
diff --git a/src/components/extra_notifications/extra_notifications.vue b/src/components/extra_notifications/extra_notifications.vue index 308c79d1..512f515c 100644 --- a/src/components/extra_notifications/extra_notifications.vue +++ b/src/components/extra_notifications/extra_notifications.vue @@ -7,6 +7,11 @@ class="button-unstyled -link extra-notification" :to="{ name: 'chats', params: { username: currentUser.screen_name } }" > + <FAIcon + fixed-width + class="fa-scale-110 icon" + icon="comments" + /> {{ $tc('notifications.unread_chats', unreadChatCount, { num: unreadChatCount }) }} </router-link> </div> @@ -17,6 +22,11 @@ class="button-unstyled -link extra-notification" :to="{ name: 'announcements' }" > + <FAIcon + fixed-width + class="fa-scale-110 icon" + icon="bullhorn" + /> {{ $tc('notifications.unread_announcements', unreadAnnouncementCount, { num: unreadAnnouncementCount }) }} </router-link> </div> @@ -27,6 +37,11 @@ class="button-unstyled -link extra-notification" :to="{ name: 'friend-requests' }" > + <FAIcon + fixed-width + class="fa-scale-110 icon" + icon="user-plus" + /> {{ $tc('notifications.unread_follow_requests', followRequestCount, { num: followRequestCount }) }} </router-link> </div> @@ -81,6 +96,10 @@ padding: 1em; } + .icon { + margin-right: 0.5em; + } + .tip { display: inline; } |