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

feat: add app-content-top-area class & adjust app-main padding 

- adjust app-main padding-botto to correct padding as with a row (1/2 of gutter width)
pull/5186/head
REJack 2023-06-07 00:14:31 +02:00
parent f412d2e756
commit 60dade8951
2 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/scss/_app-content.scss
View File

@ -2,13 +2,13 @@
padding: $lte-content-padding-y $lte-content-padding-x; padding: $lte-content-padding-y $lte-content-padding-x;
} }
.app-content-bottom-area { .app-content-top-area,
.app-content-bottom-area{
display: flex; display: flex;
align-items: center; align-items: center;
padding: $lte-content-padding-y $lte-content-padding-x; padding: $lte-content-padding-y $lte-content-padding-x;
overflow: auto; overflow: auto;
background: $lte-app-footer-bg; background: $lte-app-footer-bg;
border-top: $lte-app-footer-border-top;
> .row { > .row {
display: contents; display: contents;
@ -34,3 +34,15 @@
max-height: $lte-app-content-bottom-area-height-xl; max-height: $lte-app-content-bottom-area-height-xl;
} }
} }
.app-content-bottom-area {
border-top: $lte-app-footer-border-top;
}
.app-content-top-area {
border-bottom: $lte-app-footer-border-top;
& + .app-main {
padding-top: $grid-gutter-width * 0.5;
}
}

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

@ -2,7 +2,7 @@
position: relative; position: relative;
grid-area: #{$lte-prefix}app-main; grid-area: #{$lte-prefix}app-main;
max-width: 100vw; max-width: 100vw;
padding-bottom: 1rem; padding-bottom: $grid-gutter-width * 0.5;
@include transition($lte-transition-speed $lte-transition-fn); @include transition($lte-transition-speed $lte-transition-fn);
.app-content-header { .app-content-header {