Skip to content

Commit

Permalink
perf(ui): ⚡ 移除scrollbar__view高度限定
Browse files Browse the repository at this point in the history
scrollbar__view不应限制高度,这样会影响滑动,现在看不出来只是因为背景颜色一致,而且容器min-height是有简单计算方式的,不用各种判断。
  • Loading branch information
ShanYi-Hui committed Dec 12, 2024
1 parent b8e7574 commit 7b04a6a
Show file tree
Hide file tree
Showing 3 changed files with 6 additions and 6 deletions.
2 changes: 1 addition & 1 deletion src/components/Footer/src/Footer.vue
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ const title = computed(() => appStore.getTitle)

<template>
<div
class="footer text-center text-[var(--el-text-color-placeholder)] bg-[var(--app-content-bg-color)] h-[var(--app-footer-height)] leading-[var(--app-footer-height)] dark:bg-[var(--el-bg-color)]"
class="text-center text-[var(--el-text-color-placeholder)] bg-[var(--app-content-bg-color)] h-[var(--app-footer-height)] leading-[var(--app-footer-height)] dark:bg-[var(--el-bg-color)] overflow-hidden"
>
Copyright ©2021-present {{ title }}
</div>
Expand Down
4 changes: 0 additions & 4 deletions src/layout/Layout.vue
Original file line number Diff line number Diff line change
Expand Up @@ -70,9 +70,5 @@ export default defineComponent({
<style lang="less" scoped>
.layout {
background-color: var(--app-content-bg-color);
:deep(.el-scrollbar__view) {
height: 100% !important;
}
}
</style>
6 changes: 5 additions & 1 deletion src/layout/components/AppView.vue
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,11 @@ const tagsView = computed(() => appStore.getTagsView)
<template>
<section
:class="[
'flex-1 p-[var(--app-content-padding)] w-full bg-[var(--app-content-bg-color)] dark:bg-[var(--el-bg-color)]'
'box-border p-[var(--app-content-padding)] w-full bg-[var(--app-content-bg-color)] dark:bg-[var(--el-bg-color)]',
{
'!min-h-[calc(100vh-var(--top-tool-height)-var(--tags-view-height)-var(--app-footer-height))] pb-0':
footer
}
]"
>
<router-view>
Expand Down

0 comments on commit 7b04a6a

Please sign in to comment.