mirror of
https://github.com/fleetdm/fleet
synced 2026-05-14 12:38:41 +00:00
## #22490 - Componentize relevant UI - Apply to both core layout and My device page <img width="876" alt="Screenshot 2024-10-03 at 4 28 18 PM" src="https://github.com/user-attachments/assets/931ccd78-e525-43d9-8a5d-169e2bf6624b"> - [x] Changes file added for user-visible changes in `changes/`, - [x] Manual QA for all new/changed functionality --------- Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
51 lines
807 B
SCSS
51 lines
807 B
SCSS
.app-wrap {
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-height: 100vh;
|
|
background-color: $ui-off-white;
|
|
}
|
|
|
|
.core-wrapper {
|
|
flex-grow: 1;
|
|
margin: 0;
|
|
padding: 0;
|
|
position: relative;
|
|
background-color: $core-white;
|
|
display: flex;
|
|
|
|
// App hidden below 768px
|
|
@media (max-width: $break-xs - 1px) {
|
|
display: none;
|
|
}
|
|
|
|
// App not hidden when printing
|
|
@media print {
|
|
display: initial;
|
|
}
|
|
|
|
a {
|
|
img {
|
|
height: 12px;
|
|
width: 12px;
|
|
margin-left: $pad-xsmall;
|
|
}
|
|
}
|
|
}
|
|
|
|
.site-nav-container {
|
|
background: $core-fleet-black;
|
|
box-sizing: border-box;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 100;
|
|
|
|
// Nav hidden below 768px;
|
|
@media (max-width: $break-xs - 1px) {
|
|
display: none;
|
|
}
|
|
|
|
// Nav not hidden when printing
|
|
@media print {
|
|
display: initial;
|
|
}
|
|
}
|