diff --git a/packages/frontend/src/components/global/MkPageHeader.stories.impl.ts b/packages/frontend/src/components/global/MkPageHeader.stories.impl.ts index b23a1e3a02..f164e0957d 100644 --- a/packages/frontend/src/components/global/MkPageHeader.stories.impl.ts +++ b/packages/frontend/src/components/global/MkPageHeader.stories.impl.ts @@ -23,6 +23,7 @@ export const Empty = { }; }, args: { + static: true, tabs: [], }, parameters: { diff --git a/packages/frontend/src/components/global/MkPageHeader.tabs.vue b/packages/frontend/src/components/global/MkPageHeader.tabs.vue index 9e1da64e61..166f632c6f 100644 --- a/packages/frontend/src/components/global/MkPageHeader.tabs.vue +++ b/packages/frontend/src/components/global/MkPageHeader.tabs.vue @@ -52,6 +52,7 @@ import { onMounted, onUnmounted, watch, nextTick, shallowRef } from 'vue'; import { defaultStore } from '@/store'; const props = withDefaults(defineProps<{ + static?: boolean; tabs?: Tab[]; tab?: string; rootEl?: HTMLElement; @@ -127,7 +128,11 @@ async function enter(el: HTMLElement) { entering = false; }); - setTimeout(renderTab, 170); + if (props.static) { + renderTab(); + } else { + setTimeout(renderTab, 170); + } } function afterEnter(el: HTMLElement) { //el.style.width = ''; diff --git a/packages/frontend/src/components/global/MkPageHeader.vue b/packages/frontend/src/components/global/MkPageHeader.vue index 0d229a9370..94e1e8dd0b 100644 --- a/packages/frontend/src/components/global/MkPageHeader.vue +++ b/packages/frontend/src/components/global/MkPageHeader.vue @@ -19,7 +19,7 @@ - +