85 lines
1.5 KiB
SCSS
85 lines
1.5 KiB
SCSS
@use "sass:math";
|
|
|
|
body.page-minimal {
|
|
background: var(--bs-body-bg) var(--public-page-bg);
|
|
background-size: cover;
|
|
background-attachment: fixed;
|
|
background-position: center center;
|
|
|
|
footer {
|
|
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black, 0 0 4px #000;
|
|
}
|
|
|
|
.public-page {
|
|
margin: 2.5rem 0;
|
|
min-height: calc(100dvh - 5rem);
|
|
display: flex;
|
|
|
|
.card {
|
|
margin: auto;
|
|
width: 500px;
|
|
|
|
.card-body {
|
|
position: relative;
|
|
|
|
.card-title {
|
|
font-weight: normal;
|
|
}
|
|
}
|
|
|
|
@include media-breakpoint-only('xs') {
|
|
width: 100%;
|
|
margin-left: 15px;
|
|
margin-right: 15px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.might-overflow {
|
|
@include might-overflow();
|
|
}
|
|
|
|
&.embed {
|
|
.full-height-wrapper {
|
|
.container {
|
|
max-width: 100%;
|
|
padding: 0 !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
&:not(.embed) {
|
|
.full-height-wrapper {
|
|
display: flex;
|
|
align-items: stretch;
|
|
height: 100vh;
|
|
|
|
.container {
|
|
padding-top: 3rem;
|
|
padding-bottom: 3rem;
|
|
height: 100%;
|
|
flex: 1;
|
|
|
|
.card {
|
|
height: 100%;
|
|
|
|
.card-body {
|
|
flex: 0 1 auto;
|
|
}
|
|
|
|
// Only make the datatable scrollable if it's the only element in the card.
|
|
& > .datatable-wrapper {
|
|
.datatable-main {
|
|
overflow-y: auto;
|
|
}
|
|
}
|
|
|
|
& > .full-height-scrollable {
|
|
overflow-y: auto;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|