Skip to content

Commit

Permalink
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
fix: page header border color with fixedHeader
Browse files Browse the repository at this point in the history
mynetfan committed Dec 4, 2024
1 parent 38c3f26 commit 11cf5de
Showing 1 changed file with 7 additions and 2 deletions.
9 changes: 7 additions & 2 deletions packages/effects/common-ui/src/components/page/page.vue
Original file line number Diff line number Diff line change
@@ -9,6 +9,7 @@ import {
} from 'vue';
import { preferences } from '@vben-core/preferences';
import { cn } from '@vben-core/shared/utils';
interface Props {
title?: string;
@@ -48,7 +49,6 @@ const headerStyle = computed<StyleValue>(() => {
zIndex: 200,
top:
preferences.header.mode === 'fixed' ? 'var(--vben-header-height)' : 0,
borderBottom: '1px solid hsl(240 5.9% 90%)',
}
: undefined;
});
@@ -93,8 +93,13 @@ onMounted(() => {
$slots.extra
"
ref="headerRef"
:class="
cn(
'bg-card relative px-6 py-4',
fixedHeader ? 'border-border border-b' : '',
)
"
:style="headerStyle"
class="bg-card relative px-6 py-4"
>
<slot name="title">
<div v-if="title" class="mb-2 flex text-lg font-semibold">

0 comments on commit 11cf5de

Please sign in to comment.