diff --git a/src/App.vue b/src/App.vue index 1f5f36d7a715e53aef7d6f4ff71b0bf976410487..7407d97adb22c317f2382b88db6b989a642edb7b 100644 --- a/src/App.vue +++ b/src/App.vue @@ -54,8 +54,4 @@ body { .#{$prefix-cls}-grey-mode { filter: grayscale(100%); } - -.scrollbar__view { - height: 99%!important; -} diff --git a/src/layout/Layout.vue b/src/layout/Layout.vue index af51970792073a4b4fb7de6529165cbddce9e1e6..d15025c6e1affe4344cc84a2c9263cbf6c8ee213 100644 --- a/src/layout/Layout.vue +++ b/src/layout/Layout.vue @@ -71,8 +71,5 @@ $prefix-cls: #{$namespace}-layout; .#{$prefix-cls} { background-color: var(--app-content-bg-color); - :deep(.#{$elNamespace}-scrollbar__view) { - height: 99% !important; - } } diff --git a/src/layout/components/AppView.vue b/src/layout/components/AppView.vue index 44341873252407a55514c34dd632c5d81bc4fc45..2e7e4fbf19084b65d1c8547a90d2758a041fd045 100644 --- a/src/layout/components/AppView.vue +++ b/src/layout/components/AppView.vue @@ -38,25 +38,8 @@ provide('reload', reload) :class="[ 'p-[var(--app-content-padding)] w-[calc(100%-var(--app-content-padding)-var(--app-content-padding))] bg-[var(--app-content-bg-color)] dark:bg-[var(--el-bg-color)]', { - '!min-h-[calc(100%-var(--app-content-padding)-var(--app-content-padding)-var(--app-footer-height))]': - (fixedHeader && - (layout === 'classic' || layout === 'topLeft' || layout === 'top') && - footer) || - (!tagsView && layout === 'top' && footer), - '!min-h-[calc(100%-var(--app-content-padding)-var(--app-content-padding)-var(--app-footer-height)-var(--tags-view-height))]': - tagsView && layout === 'top' && footer, - - '!min-h-[calc(100%-var(--tags-view-height)-var(--app-content-padding)-var(--app-content-padding)-var(--top-tool-height)-var(--app-footer-height))]': - !fixedHeader && layout === 'classic' && footer, - - '!min-h-[calc(100%-var(--tags-view-height)-var(--app-content-padding)-var(--app-content-padding)-var(--app-footer-height))]': - !fixedHeader && layout === 'topLeft' && footer, - - '!min-h-[calc(100%-var(--top-tool-height)-var(--app-content-padding)-var(--app-content-padding))]': - fixedHeader && layout === 'cutMenu' && footer, - - '!min-h-[calc(100%-var(--top-tool-height)-var(--app-content-padding)-var(--app-content-padding)-var(--tags-view-height))]': - !fixedHeader && layout === 'cutMenu' && footer + '!min-h-[calc(100vh-var(--top-tool-height)-var(--tags-view-height)-var(--app-footer-height))] pb-0': + footer } ]" >