fleet/frontend/pages/ManageControlsPage/OSUpdates/_styles.scss
Gabriel Hernandez fa252e4977
Update controls tabs to show mdm disabled UI state per tab (#13794)
relates to #9831

Update Controls page to individually show the mdm disabled UI state per
tab. Before this was done across the entire control page:


![image](https://github.com/fleetdm/fleet/assets/1153709/67a88cf4-c489-46aa-a802-58c4ef61ac5a)


Also, refactors the code to be less specific to mac OS.


- [x] Manual QA for all new/changed functionality
2023-09-11 12:52:24 +01:00

35 lines
506 B
SCSS

.os-updates {
font-size: $x-small;
&__description {
margin: $pad-xxlarge 0;
}
&__content {
max-width: $break-xxl;
margin: 0 auto;
display: flex;
justify-content: space-between;
gap: $pad-xxlarge;
h2 {
font-size: $small;
margin: 0;
}
}
&__os-versions-card {
margin-bottom: $pad-xxlarge;
}
&__premium-feature-message {
margin-top: 80px;
}
@media (max-width: $break-md) {
&__content {
flex-direction: column;
}
}
}