Skip to content

Commit 6a85b3a

Browse files
authored
fix(@vben/common-ui): resolve #6698 (#6700)
* fix(@vben/common-ui): resolve #6698 * fix(@vben/common-ui): resolve #6698 * fix(@vben/common-ui): resolve conversation * fix(@vben/common-ui): resolve #6698
1 parent c57592f commit 6a85b3a

File tree

1 file changed

+3
-9
lines changed
  • packages/effects/common-ui/src/components/page

1 file changed

+3
-9
lines changed

packages/effects/common-ui/src/components/page/page.vue

Lines changed: 3 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ const footerRef = useTemplateRef<HTMLDivElement>('footerRef');
2525
const contentStyle = computed<StyleValue>(() => {
2626
if (autoContentHeight) {
2727
return {
28-
height: `calc(var(${CSS_VARIABLE_LAYOUT_CONTENT_HEIGHT}) - ${headerHeight.value}px - ${typeof heightOffset === 'number' ? `${heightOffset}px` : heightOffset})`,
28+
height: `calc(var(${CSS_VARIABLE_LAYOUT_CONTENT_HEIGHT}) - ${headerHeight.value}px - ${footerHeight.value}px - ${typeof heightOffset === 'number' ? `${heightOffset}px` : heightOffset})`,
2929
overflowY: shouldAutoHeight.value ? 'auto' : 'unset',
3030
};
3131
}
@@ -50,7 +50,7 @@ onMounted(() => {
5050
</script>
5151

5252
<template>
53-
<div class="relative">
53+
<div class="relative flex min-h-full flex-col">
5454
<div
5555
v-if="
5656
description ||
@@ -89,16 +89,10 @@ onMounted(() => {
8989
<div :class="cn('h-full p-4', contentClass)" :style="contentStyle">
9090
<slot></slot>
9191
</div>
92-
9392
<div
9493
v-if="$slots.footer"
9594
ref="footerRef"
96-
:class="
97-
cn(
98-
'bg-card align-center absolute bottom-0 left-0 right-0 flex px-6 py-4',
99-
footerClass,
100-
)
101-
"
95+
:class="cn('bg-card align-center flex px-6 py-4', footerClass)"
10296
>
10397
<slot name="footer"></slot>
10498
</div>

0 commit comments

Comments
 (0)