mirror of
https://github.com/fleetdm/fleet
synced 2026-05-24 09:28:54 +00:00
21175ea706
## #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>
40 lines
584 B
SCSS
40 lines
584 B
SCSS
.unsupported-screen-size {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 3;
|
|
background-color: #fff;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: $pad-medium;
|
|
|
|
// Overlay below 768px
|
|
@media (min-width: $break-xs) {
|
|
display: none;
|
|
}
|
|
|
|
// No overlay when printing
|
|
@media print {
|
|
display: none;
|
|
}
|
|
|
|
img {
|
|
width: 160px;
|
|
}
|
|
|
|
&__text {
|
|
text-align: center;
|
|
|
|
h1 {
|
|
font-size: $small;
|
|
font-weight: $bold;
|
|
}
|
|
|
|
p {
|
|
font-size: $xx-small;
|
|
}
|
|
}
|
|
|
|
}
|