diff options
| author | tusooa <tusooa@kazv.moe> | 2023-08-18 21:29:01 -0400 |
|---|---|---|
| committer | tusooa <tusooa@kazv.moe> | 2023-08-18 22:25:32 -0400 |
| commit | a2c21e27428d44eac899c2497f599f9abfcb5cef (patch) | |
| tree | 4f2db21662cc26ac181d7bb5f0c4b27fdd410bcd /src | |
| parent | c6715b346b2b83cc255714f2e98b3169b4f5a572 (diff) | |
Make clickable area the whole row
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/extra_notifications/extra_notifications.vue | 16 |
1 files changed, 11 insertions, 5 deletions
diff --git a/src/components/extra_notifications/extra_notifications.vue b/src/components/extra_notifications/extra_notifications.vue index 4f32c04f..308c79d1 100644 --- a/src/components/extra_notifications/extra_notifications.vue +++ b/src/components/extra_notifications/extra_notifications.vue @@ -4,7 +4,7 @@ <div class="notification-overlay"></div> <router-link v-if="shouldShowChats" - class="button-unstyled -link extra-notification-link" + class="button-unstyled -link extra-notification" :to="{ name: 'chats', params: { username: currentUser.screen_name } }" > {{ $tc('notifications.unread_chats', unreadChatCount, { num: unreadChatCount }) }} @@ -14,7 +14,7 @@ <div class="notification-overlay"></div> <router-link v-if="shouldShowAnnouncements" - class="button-unstyled -link extra-notification-link" + class="button-unstyled -link extra-notification" :to="{ name: 'announcements' }" > {{ $tc('notifications.unread_announcements', unreadAnnouncementCount, { num: unreadAnnouncementCount }) }} @@ -24,7 +24,7 @@ <div class="notification-overlay"></div> <router-link v-if="shouldShowFollowRequests" - class="button-unstyled -link extra-notification-link" + class="button-unstyled -link extra-notification" :to="{ name: 'friend-requests' }" > {{ $tc('notifications.unread_follow_requests', followRequestCount, { num: followRequestCount }) }} @@ -33,7 +33,7 @@ <i18n-t v-if="shouldShowCustomizationTip" tag="span" - class="notification tip" + class="notification tip extra-notification" keypath="notifications.configuration_tip" > <template #theSettings> @@ -69,10 +69,16 @@ .notification { width: 100%; - padding: 1em; border-bottom: 1px solid; border-color: $fallback--border; border-color: var(--border, $fallback--border); + display: flex; + flex-direction: column; + align-items: stretch; + } + + .extra-notification { + padding: 1em; } .tip { |