Browse Source

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

pull/6473/head
someone-cool 7 months ago
committed by GitHub
parent
commit
1f63aed64c
No known key found for this signature in database GPG Key ID: B5690EEEBB952194
  1. 2
      packages/effects/common-ui/src/components/page/page.vue

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

@ -25,7 +25,7 @@ const footerRef = useTemplateRef<HTMLDivElement>('footerRef');
const contentStyle = computed<StyleValue>(() => { const contentStyle = computed<StyleValue>(() => {
if (autoContentHeight) { if (autoContentHeight) {
return { 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', overflowY: shouldAutoHeight.value ? 'auto' : 'unset',
}; };
} }

Loading…
Cancel
Save