diff options
| author | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-04-27 10:14:41 +0900 |
|---|---|---|
| committer | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-04-27 10:14:41 +0900 |
| commit | 3b3bb36c49c2e8e88cbda5f2b577cd5499436f66 (patch) | |
| tree | e4603af7a67ec1f324d2e55d36d3fc893a8f57d0 /packages | |
| parent | Update CHANGELOG.md (diff) | |
| download | sharkey-3b3bb36c49c2e8e88cbda5f2b577cd5499436f66.tar.gz sharkey-3b3bb36c49c2e8e88cbda5f2b577cd5499436f66.tar.bz2 sharkey-3b3bb36c49c2e8e88cbda5f2b577cd5499436f66.zip | |
enhance(frontend): 通知ページをスワイプで切り替えられるように
Diffstat (limited to 'packages')
| -rw-r--r-- | packages/frontend/src/pages/notifications.vue | 20 |
1 files changed, 11 insertions, 9 deletions
diff --git a/packages/frontend/src/pages/notifications.vue b/packages/frontend/src/pages/notifications.vue index 61a1b2725c..8524f30595 100644 --- a/packages/frontend/src/pages/notifications.vue +++ b/packages/frontend/src/pages/notifications.vue @@ -6,15 +6,17 @@ SPDX-License-Identifier: AGPL-3.0-only <template> <PageWithHeader v-model:tab="tab" :actions="headerActions" :tabs="headerTabs"> <MkSpacer :contentMax="800"> - <div v-if="tab === 'all'"> - <XNotifications :class="$style.notifications" :excludeTypes="excludeTypes"/> - </div> - <div v-else-if="tab === 'mentions'"> - <MkNotes :pagination="mentionsPagination"/> - </div> - <div v-else-if="tab === 'directNotes'"> - <MkNotes :pagination="directNotesPagination"/> - </div> + <MkSwiper v-model:tab="tab" :tabs="headerTabs"> + <div v-if="tab === 'all'"> + <XNotifications :class="$style.notifications" :excludeTypes="excludeTypes"/> + </div> + <div v-else-if="tab === 'mentions'"> + <MkNotes :pagination="mentionsPagination"/> + </div> + <div v-else-if="tab === 'directNotes'"> + <MkNotes :pagination="directNotesPagination"/> + </div> + </MkSwiper> </MkSpacer> </PageWithHeader> </template> |