mirror of
https://github.com/fleetdm/fleet
synced 2026-05-24 09:28:54 +00:00
cb58849d95
## Addresses #9371 ### Adds a suite of UI logic for premium features in the Sandbox environment For reviewer: please review the work for the below 3 substasks, which are the only remaining subtasks encompassed by this PR that have not yet passed review individually: - #10822 (9) - #10823 (10) - #10824 (11) ## Checklist for submitter - [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> Co-authored-by: Martin Angers <martin.n.angers@gmail.com>
99 lines
1.6 KiB
SCSS
99 lines
1.6 KiB
SCSS
.download-installers {
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 0;
|
|
padding-bottom: 20px;
|
|
width: 650px;
|
|
|
|
p {
|
|
padding-top: $pad-small;
|
|
padding-bottom: $pad-medium;
|
|
margin: 0;
|
|
}
|
|
|
|
.fleet-checkbox {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.component__tooltip-wrapper__tip-text {
|
|
p {
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
.form-field.form-field--checkbox {
|
|
padding-bottom: $pad-large;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
&__select-installer {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: flex-start;
|
|
gap: 8px;
|
|
padding-bottom: $pad-large;
|
|
}
|
|
|
|
&__selector {
|
|
cursor: pointer;
|
|
font-size: $small;
|
|
display: flex;
|
|
justify-content: center;
|
|
flex-grow: 1;
|
|
padding: 16px;
|
|
width: 247px;
|
|
|
|
border: 1px solid #c5c7d1;
|
|
border-radius: 4px;
|
|
|
|
span {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
svg {
|
|
padding-right: 8px;
|
|
}
|
|
}
|
|
|
|
&:hover {
|
|
border-color: $core-vibrant-blue;
|
|
}
|
|
|
|
&--selected {
|
|
color: $core-vibrant-blue;
|
|
background-color: $ui-vibrant-blue-10;
|
|
border-color: $core-vibrant-blue;
|
|
}
|
|
}
|
|
|
|
&__success {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 48px 0 70px;
|
|
|
|
img {
|
|
height: 48px;
|
|
width: 48px;
|
|
}
|
|
|
|
h2 {
|
|
margin: 0;
|
|
padding: 16px 0 8px;
|
|
}
|
|
|
|
p {
|
|
margin: 0;
|
|
padding-bottom: 24px;
|
|
}
|
|
}
|
|
|
|
&__error {
|
|
.data-error__inner {
|
|
margin: 0;
|
|
padding-bottom: 20px;
|
|
}
|
|
}
|
|
}
|