github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

feat: further app-content-bottom-area changes

pull/5153/head
REJack 2023-06-02 00:50:42 +02:00
parent 5601e80e0d
commit 2021a4f01a
1 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/scss/_app-main.scss
View File

@ -25,14 +25,29 @@
align-items: center; align-items: center;
background: $lte-app-footer-bg; background: $lte-app-footer-bg;
border-top: $lte-app-footer-border-top; border-top: $lte-app-footer-border-top;
overflow: auto;
> .row { > .row {
display: contents; display: contents;
} }
} }
&.app-content-bottom-area-sm,
&.app-content-bottom-area-md,
&.app-content-bottom-area-lg {
height: calc(100vh - #{$lte-app-header-height} - #{$lte-app-footer-height});
.compact-mode & {
height: calc(100vh - #{$lte-app-header-height-compact} - #{$lte-app-footer-height});
}
.content {
height: 100%;
overflow: auto;
padding-bottom: 1rem;
}
}
&.app-content-bottom-area-sm { &.app-content-bottom-area-sm {
padding-bottom: $lte-app-content-bottom-area-height-sm + 1rem; padding-bottom: $lte-app-content-bottom-area-height-sm * 2;
.app-content-bottom-area { .app-content-bottom-area {
height: $lte-app-content-bottom-area-height-sm; height: $lte-app-content-bottom-area-height-sm;
@ -40,7 +55,7 @@
} }
&.app-content-bottom-area-md { &.app-content-bottom-area-md {
padding-bottom: $lte-app-content-bottom-area-height-md + 1rem; padding-bottom: $lte-app-content-bottom-area-height-md * 2;
.app-content-bottom-area { .app-content-bottom-area {
height: $lte-app-content-bottom-area-height-md; height: $lte-app-content-bottom-area-height-md;
@ -48,7 +63,7 @@
} }
&.app-content-bottom-area-lg { &.app-content-bottom-area-lg {
padding-bottom: $lte-app-content-bottom-area-height-lg + 1rem; padding-bottom: $lte-app-content-bottom-area-height-lg * 2;
.app-content-bottom-area { .app-content-bottom-area {
height: $lte-app-content-bottom-area-height-lg; height: $lte-app-content-bottom-area-height-lg;