diff options
| author | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-04-27 17:43:30 +0900 |
|---|---|---|
| committer | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-04-27 17:43:30 +0900 |
| commit | 0f9dff052159b6c87285885fbb929613ccdb041a (patch) | |
| tree | 926b84e8bc51da5bf2e0503383c4d7f60192d11e /packages/frontend/src | |
| parent | enhance(frontend): タイムラインをスワイプで切り替えられる... (diff) | |
| download | misskey-0f9dff052159b6c87285885fbb929613ccdb041a.tar.gz misskey-0f9dff052159b6c87285885fbb929613ccdb041a.tar.bz2 misskey-0f9dff052159b6c87285885fbb929613ccdb041a.zip | |
enhance(frontend): improve usability
Diffstat (limited to 'packages/frontend/src')
| -rw-r--r-- | packages/frontend/src/components/global/PageWithHeader.vue | 9 |
1 files changed, 6 insertions, 3 deletions
diff --git a/packages/frontend/src/components/global/PageWithHeader.vue b/packages/frontend/src/components/global/PageWithHeader.vue index 94010fc437..58c222038a 100644 --- a/packages/frontend/src/components/global/PageWithHeader.vue +++ b/packages/frontend/src/components/global/PageWithHeader.vue @@ -8,7 +8,7 @@ SPDX-License-Identifier: AGPL-3.0-only <MkStickyContainer> <template #header><MkPageHeader v-model:tab="tab" v-bind="pageHeaderProps"/></template> <div :class="$style.body"> - <MkSwiper v-if="swipable" v-model:tab="tab" :class="$style.swiper" :tabs="props.tabs"> + <MkSwiper v-if="swipable && (props.tabs?.length ?? 1) > 1" v-model:tab="tab" :class="$style.swiper" :tabs="props.tabs"> <slot></slot> </MkSwiper> <slot v-else></slot> @@ -26,10 +26,13 @@ import { useScrollPositionKeeper } from '@/use/use-scroll-position-keeper.js'; import MkSwiper from '@/components/MkSwiper.vue'; import { useRouter } from '@/router.js'; -const props = defineProps<PageHeaderProps & { +const props = withDefaults(defineProps<PageHeaderProps & { reversed?: boolean; swipable?: boolean; -}>(); +}>(), { + reversed: false, + swipable: true, +}); const pageHeaderProps = computed(() => { const { reversed, ...rest } = props; |