diff options
| author | Hazelnoot <acomputerdog@gmail.com> | 2025-05-29 23:34:55 -0400 |
|---|---|---|
| committer | Hazelnoot <acomputerdog@gmail.com> | 2025-06-04 10:48:24 -0400 |
| commit | 1bd6f15868ba1ffa010ecfbc0c8544be291dad1a (patch) | |
| tree | 0dde4099508f4f30d8ae03307905dcb50eb16fa3 /packages/frontend | |
| parent | remove vertical size limit on report sections (diff) | |
| download | sharkey-1bd6f15868ba1ffa010ecfbc0c8544be291dad1a.tar.gz sharkey-1bd6f15868ba1ffa010ecfbc0c8544be291dad1a.tar.bz2 sharkey-1bd6f15868ba1ffa010ecfbc0c8544be291dad1a.zip | |
add "spacer" option to PageWithHeader
Diffstat (limited to 'packages/frontend')
| -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 d2e59bf4ad..12c799ad78 100644 --- a/packages/frontend/src/components/global/PageWithHeader.vue +++ b/packages/frontend/src/components/global/PageWithHeader.vue @@ -6,8 +6,8 @@ SPDX-License-Identifier: AGPL-3.0-only <template> <div ref="rootEl" :class="[$style.root, reversed ? '_pageScrollableReversed' : '_pageScrollable']"> <MkStickyContainer> - <template #header><MkPageHeader v-model:tab="tab" v-bind="pageHeaderProps"/></template> - <div :class="$style.body"> + <template #header><MkPageHeader v-model:tab="tab" v-bind="pageHeaderProps" :class="{ _spacer: spacer }"/></template> + <div :class="{ [$style.body]: true, _spacer: spacer }"> <MkSwiper v-if="swipable && (props.tabs?.length ?? 1) > 1" v-model:tab="tab" :class="$style.swiper" :tabs="props.tabs" :page="props.page"> <slot></slot> </MkSwiper> @@ -30,13 +30,16 @@ const props = withDefaults(defineProps<PageHeaderProps & { reversed?: boolean; swipable?: boolean; page?: string; + spacer?: boolean; }>(), { reversed: false, swipable: true, + page: undefined, + spacer: false, }); const pageHeaderProps = computed(() => { - const { reversed, ...rest } = props; + const { reversed, spacer, ...rest } = props; return rest; }); |