fleet/frontend/layouts/CoreLayout/_styles.scss
jacobshandling 21175ea706
Render unsupported screen size on My device page (#22643)
## #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>
2024-10-04 10:25:08 -07:00

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;
}
}