diff --git a/packages/frontend/src/components/global/MkAvatar.stories.impl.ts b/packages/frontend/src/components/global/MkAvatar.stories.impl.ts index 6153f8129..6c46f75b5 100644 --- a/packages/frontend/src/components/global/MkAvatar.stories.impl.ts +++ b/packages/frontend/src/components/global/MkAvatar.stories.impl.ts @@ -54,6 +54,7 @@ export const ProfilePageCat = { }, }, parameters: { + ...ProfilePage.parameters, chromatic: { /* Your story couldn’t be captured because it exceeds our 25,000,000px limit. Its dimensions are 5,504,893x5,504,892px. Possible ways to resolve: * * Separate pages into components diff --git a/packages/frontend/src/components/global/MkPageHeader.stories.impl.ts b/packages/frontend/src/components/global/MkPageHeader.stories.impl.ts index f164e0957..5519d60fc 100644 --- a/packages/frontend/src/components/global/MkPageHeader.stories.impl.ts +++ b/packages/frontend/src/components/global/MkPageHeader.stories.impl.ts @@ -28,6 +28,10 @@ export const Empty = { }, parameters: { layout: 'centered', + chromatic: { + /* This component has animations that are implemented with JavaScript. So it's unstable to take a snapshot. */ + disableSnapshot: true, + }, }, } satisfies StoryObj; export const OneTab = { diff --git a/packages/frontend/src/components/global/MkPageHeader.tabs.vue b/packages/frontend/src/components/global/MkPageHeader.tabs.vue index 166f632c6..9e1da64e6 100644 --- a/packages/frontend/src/components/global/MkPageHeader.tabs.vue +++ b/packages/frontend/src/components/global/MkPageHeader.tabs.vue @@ -52,7 +52,6 @@ import { onMounted, onUnmounted, watch, nextTick, shallowRef } from 'vue'; import { defaultStore } from '@/store'; const props = withDefaults(defineProps<{ - static?: boolean; tabs?: Tab[]; tab?: string; rootEl?: HTMLElement; @@ -128,11 +127,7 @@ async function enter(el: HTMLElement) { entering = false; }); - if (props.static) { - renderTab(); - } else { - setTimeout(renderTab, 170); - } + 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 94e1e8dd0..0d229a937 100644 --- a/packages/frontend/src/components/global/MkPageHeader.vue +++ b/packages/frontend/src/components/global/MkPageHeader.vue @@ -19,7 +19,7 @@ - +