LAR_Maintenance/resources/sass/admin/layout/_layout.scss

76 lines
1.2 KiB
SCSS
Raw Normal View History

2024-07-30 16:13:21 +00:00
html{
@include media-breakpoint-up(lg) {
font-size: 0.875rem;
}
}
body{
height: 100vh;
padding-top: env(safe-area-inset-top, 0);
}
#app{
height: 100%;
// display: flex;
// flex-direction: column;
& > .layout{
flex-grow: 1;
}
@include media-breakpoint-down(lg) {
padding-top: 60px;
}
}
.layout{
display: flex;
height: 100%;
position: relative;
}
.layout-content{
flex-grow: 1;
max-height: 100%;
overflow: auto;
}
.layout-content .content{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
@include media-breakpoint-down(lg) {
padding-bottom: 100px;
}
}
.navbar-main{
display: none;
@include media-breakpoint-down(lg) {
display: block;
height: 60px;
flex-basis: 60px;
background-color: var(--bs-body-bg);
border-bottom: 1px solid var(--bs-secondary-bg);
position: fixed;
top: 0;
width: 100%;
}
}
.page-header{
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin-bottom: 1.5rem;
h1{
margin-bottom: 0;
font-size: $h2-font-size;
padding: .25rem 0;
}
}