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

feat: add .app-content-bottom-area class

pull/5153/head
REJack 2023-06-01 02:13:47 +02:00
parent ec65db906b
commit 83b31e8a0b
2 changed files with 45 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -14,6 +14,46 @@
}
}
.app-content-bottom-area {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: $lte-content-padding-y $lte-content-padding-x;
display: flex;
align-items: center;
background: $lte-app-footer-bg;
border-top: $lte-app-footer-border-top;
> .row {
display: contents;
}
}
&.app-content-bottom-area-sm {
padding-bottom: $lte-app-content-bottom-area-height-sm + 1rem;
.app-content-bottom-area {
height: $lte-app-content-bottom-area-height-sm;
}
}
&.app-content-bottom-area-md {
padding-bottom: $lte-app-content-bottom-area-height-md + 1rem;
.app-content-bottom-area {
height: $lte-app-content-bottom-area-height-md;
}
}
&.app-content-bottom-area-lg {
padding-bottom: $lte-app-content-bottom-area-height-lg + 1rem;
.app-content-bottom-area {
height: $lte-app-content-bottom-area-height-lg;
}
}
.app-content {
padding: $lte-content-padding-y $lte-content-padding-x;
}

5
src/scss/_variables.scss
View File

@ -62,6 +62,11 @@ $lte-app-header-height-compact: ($nav-link-height-compact + ($lte-app-head
$lte-content-padding-y: 0 !default;
$lte-content-padding-x: .5rem !default;
// MAIN CONTENT
$lte-app-content-bottom-area-height-sm: 3rem !default;
$lte-app-content-bottom-area-height-md: 4.5rem !default;
$lte-app-content-bottom-area-height-lg: 6rem !default;
// MAIN FOOTER
// --------------------------------------------------------
$lte-app-footer-padding: 1rem !default;