diff options
| author | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-04-27 17:16:51 +0900 |
|---|---|---|
| committer | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-04-27 17:16:51 +0900 |
| commit | e24a2362fd538ec7c231fe4e5c16cddd5ff681ca (patch) | |
| tree | 80863236667f023117a829584b14a3f5420f0e95 /packages/frontend/src/components | |
| parent | 🎨 (diff) | |
| download | sharkey-e24a2362fd538ec7c231fe4e5c16cddd5ff681ca.tar.gz sharkey-e24a2362fd538ec7c231fe4e5c16cddd5ff681ca.tar.bz2 sharkey-e24a2362fd538ec7c231fe4e5c16cddd5ff681ca.zip | |
refactor(frontend): PageWithHeaderにMkSwiperを持たせるように
Diffstat (limited to 'packages/frontend/src/components')
| -rw-r--r-- | packages/frontend/src/components/global/PageWithHeader.vue | 7 |
1 files changed, 6 insertions, 1 deletions
diff --git a/packages/frontend/src/components/global/PageWithHeader.vue b/packages/frontend/src/components/global/PageWithHeader.vue index 4d26f8031b..2cc7979ce4 100644 --- a/packages/frontend/src/components/global/PageWithHeader.vue +++ b/packages/frontend/src/components/global/PageWithHeader.vue @@ -8,7 +8,10 @@ SPDX-License-Identifier: AGPL-3.0-only <MkStickyContainer> <template #header><MkPageHeader v-model:tab="tab" v-bind="pageHeaderProps"/></template> <div :class="$style.body"> - <slot></slot> + <MkSwiper v-if="swipable" v-model:tab="tab" :tabs="props.tabs"> + <slot></slot> + </MkSwiper> + <slot v-else></slot> </div> <template #footer><slot name="footer"></slot></template> </MkStickyContainer> @@ -20,9 +23,11 @@ import { computed, useTemplateRef } from 'vue'; import { scrollInContainer } from '@@/js/scroll.js'; import type { PageHeaderProps } from './MkPageHeader.vue'; import { useScrollPositionKeeper } from '@/use/use-scroll-position-keeper.js'; +import MkSwiper from '@/components/MkSwiper.vue'; const props = defineProps<PageHeaderProps & { reversed?: boolean; + swipable?: boolean; }>(); const pageHeaderProps = computed(() => { |