fix(@vben/common-ui): add page footer's height to calc contentstyle (#6422)

6 months ago · 1f63aed64c
parent 253b0da7d2
commit 1f63aed64c
1 changed files with 1 additions and 1 deletions
--- a/packages/effects/common-ui/src/components/page/page.vue
+++ b/packages/effects/common-ui/src/components/page/page.vue
@ -25,7 +25,7 @@ const footerRef = useTemplateRef<HTMLDivElement>('footerRef');
 const contentStyle = computed<StyleValue>(() => {
  if (autoContentHeight) {
    return {
-      height: `calc(var(${CSS_VARIABLE_LAYOUT_CONTENT_HEIGHT}) - ${headerHeight.value}px - ${typeof heightOffset === 'number' ? `${heightOffset}px` : heightOffset})`,
+      height: `calc(var(${CSS_VARIABLE_LAYOUT_CONTENT_HEIGHT}) - ${headerHeight.value}px - ${typeof heightOffset === 'number' ? `${heightOffset}px` : heightOffset}) - ${footerHeight.value}px`,
      overflowY: shouldAutoHeight.value ? 'auto' : 'unset',
    };
  }