File tree Expand file tree Collapse file tree 1 file changed +3
-9
lines changed
packages/effects/common-ui/src/components/page Expand file tree Collapse file tree 1 file changed +3
-9
lines changed Original file line number Diff line number Diff line change @@ -25,7 +25,7 @@ const footerRef = useTemplateRef<HTMLDivElement>('footerRef');
25
25
const contentStyle = computed <StyleValue >(() => {
26
26
if (autoContentHeight ) {
27
27
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 }) ` ,
29
29
overflowY: shouldAutoHeight .value ? ' auto' : ' unset' ,
30
30
};
31
31
}
@@ -50,7 +50,7 @@ onMounted(() => {
50
50
</script >
51
51
52
52
<template >
53
- <div class =" relative" >
53
+ <div class =" relative flex min-h-full flex-col " >
54
54
<div
55
55
v-if ="
56
56
description ||
@@ -89,16 +89,10 @@ onMounted(() => {
89
89
<div :class =" cn('h-full p-4', contentClass)" :style =" contentStyle" >
90
90
<slot ></slot >
91
91
</div >
92
-
93
92
<div
94
93
v-if =" $slots.footer"
95
94
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)"
102
96
>
103
97
<slot name =" footer" ></slot >
104
98
</div >
You can’t perform that action at this time.
0 commit comments