96 lines
1.7 KiB
SCSS
96 lines
1.7 KiB
SCSS
// * LAYOUT
|
|
|
|
body {
|
|
&:has(.sidebar.show) {
|
|
overflow: hidden;
|
|
}
|
|
|
|
> header {
|
|
height: $bo-header-height;
|
|
}
|
|
|
|
> main {
|
|
min-height: calc(100vh - #{$bo-header-height} - #{$bo-footer-height});
|
|
margin-top: $bo-header-height;
|
|
|
|
.sidebar {
|
|
position: fixed;
|
|
top: $bo-header-height;
|
|
left: 0;
|
|
overflow-y: auto;
|
|
|
|
@include media-breakpoint-up(md) {
|
|
height: calc(100vh - #{$bo-header-height});
|
|
}
|
|
|
|
.sidemenu {
|
|
height: calc(100vh - #{$bo-header-height});
|
|
|
|
@include media-breakpoint-up(md) {
|
|
height: fit-content;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
> footer {
|
|
box-shadow: 0 -0.125rem 0.25rem rgb(0 0 0 / 7.5%) !important;
|
|
|
|
@include media-breakpoint-up(md) {
|
|
z-index: 2 !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
// * OTHERS
|
|
|
|
.table {
|
|
&-fix-action {
|
|
th:last-child,
|
|
td:last-child {
|
|
position: sticky;
|
|
right: 0;
|
|
width: 0;
|
|
background-color: rgb(var(--bs-secondary-bg-rgb));
|
|
color: rgb(var(--bs-body-color));
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
|
|
.text-ellipsis {
|
|
overflow: hidden;
|
|
width: 20rem;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
&-col-sorter {
|
|
height: 3rem;
|
|
}
|
|
}
|
|
|
|
.w-fit {
|
|
width: fit-content;
|
|
}
|
|
|
|
.btn-md {
|
|
height: 38px;
|
|
}
|
|
|
|
.btn-sm {
|
|
height: 31px;
|
|
}
|
|
|
|
.pagination-custom .dropdown-menu {
|
|
overflow: auto;
|
|
min-width: 5rem;
|
|
max-height: 178px;
|
|
}
|
|
|
|
.need-word-counter-password {
|
|
border-radius: 0 0 0 0.375rem !important;
|
|
|
|
&-btn {
|
|
border-radius: 0 0 0.375rem !important;
|
|
}
|
|
}
|