fix(frontend): fix broken styles
This commit is contained in:
parent
260d35e2f0
commit
0471e457fe
5 changed files with 9 additions and 18 deletions
|
|
@ -23,8 +23,7 @@ SPDX-License-Identifier: AGPL-3.0-only
|
|||
|
||||
<script lang="ts" setup>
|
||||
import { onMounted, onUnmounted, provide, inject, ref, watch, useTemplateRef } from 'vue';
|
||||
import { CURRENT_STICKY_BOTTOM, CURRENT_STICKY_TOP } from '@@/js/const.js';
|
||||
import type { Ref } from 'vue';
|
||||
import { DI } from '@/di.js';
|
||||
|
||||
const rootEl = useTemplateRef('rootEl');
|
||||
const headerEl = useTemplateRef('headerEl');
|
||||
|
|
@ -32,13 +31,13 @@ const footerEl = useTemplateRef('footerEl');
|
|||
|
||||
const headerHeight = ref<string | undefined>();
|
||||
const childStickyTop = ref(0);
|
||||
const parentStickyTop = inject<Ref<number>>(CURRENT_STICKY_TOP, ref(0));
|
||||
provide(CURRENT_STICKY_TOP, childStickyTop);
|
||||
const parentStickyTop = inject(DI.currentStickyTop, ref(0));
|
||||
provide(DI.currentStickyTop, childStickyTop);
|
||||
|
||||
const footerHeight = ref<string | undefined>();
|
||||
const childStickyBottom = ref(0);
|
||||
const parentStickyBottom = inject<Ref<number>>(CURRENT_STICKY_BOTTOM, ref(0));
|
||||
provide(CURRENT_STICKY_BOTTOM, childStickyBottom);
|
||||
const parentStickyBottom = inject(DI.currentStickyBottom, ref(0));
|
||||
provide(DI.currentStickyBottom, childStickyBottom);
|
||||
|
||||
const calc = () => {
|
||||
// コンポーネントが表示されてないけどKeepAliveで残ってる場合などは null になる
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue