github_mirrors/gf-vben-admin
1
0
Fork 0
mirror of https://github.com/vbenjs/gf-vben-admin.git synced 2025-01-23 20:00:19 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(style): fix layout style, fix #633

Browse Source
This commit is contained in:
vben 2021-05-23 22:46:22 +08:00
parent e3569b81b1
commit 8e3f84c3b7
2 changed files with 27 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
src/layouts/default/header/MultipleHeader.vue
View File

@ -50,42 +50,38 @@
return unref(getFixed) || unref(getShowFullHeaderRef);
});
const getWrapStyle = computed(
(): CSSProperties => {
const style: CSSProperties = {};
if (unref(getFixed)) {
style.width = unref(getIsMobile) ? '100%' : unref(getCalcContentWidth);
}
if (unref(getShowFullHeaderRef)) {
style.top = `${HEADER_HEIGHT}px`;
}
return style;
const getWrapStyle = computed((): CSSProperties => {
const style: CSSProperties = {};
if (unref(getFixed)) {
style.width = unref(getIsMobile) ? '100%' : unref(getCalcContentWidth);
}
);
if (unref(getShowFullHeaderRef)) {
style.top = `${HEADER_HEIGHT}px`;
}
return style;
});
const getIsFixed = computed(() => {
return unref(getFixed) || unref(getShowFullHeaderRef);
});
const getPlaceholderDomStyle = computed(
(): CSSProperties => {
let height = 0;
if (
(unref(getShowFullHeaderRef) || !unref(getSplit)) &&
unref(getShowHeader) &&
!unref(getFullContent)
) {
height += HEADER_HEIGHT;
}
if (unref(getShowMultipleTab) && !unref(getFullContent)) {
height += TABS_HEIGHT;
}
headerHeightRef.value = height;
return {
height: `${height}px`,
};
const getPlaceholderDomStyle = computed((): CSSProperties => {
let height = 0;
if (
(unref(getShowFullHeaderRef) || !unref(getSplit)) &&
unref(getShowHeader) &&
!unref(getFullContent)
) {
height += HEADER_HEIGHT;
}
);
if (unref(getShowMultipleTab) && !unref(getFullContent)) {
height += TABS_HEIGHT;
}
headerHeightRef.value = height;
return {
height: `${height}px`,
};
});
const getClass = computed(() => {
return [
@ -116,7 +112,7 @@
flex: 0 0 auto;
&--dark {
margin-left: 0;
margin-left: -1px;
}
&--fixed {

2
src/layouts/default/header/index.less
View File

@ -166,7 +166,7 @@
&--dark {
background-color: @header-dark-bg-color !important;
border-bottom: 1px solid @border-color-base;
// border-bottom: 1px solid @border-color-base;
border-left: 1px solid @border-color-base;
.@{header-prefix-cls}-logo {
&:hover {