mirror of
https://github.com/fleetdm/fleet
synced 2026-04-21 21:47:20 +00:00
a6099a9f92
## Addresses #11993 **before:** <img width="730" alt="dc2b128e-a8b2-46ac-a61d-945c04344c02" src="https://github.com/fleetdm/fleet/assets/61553566/d9366265-5de1-41ef-971c-3c9c02ea986c"> **now:** <img width="1504" alt="Screenshot 2023-05-26 at 7 26 09 PM" src="https://github.com/fleetdm/fleet/assets/61553566/f549fe5c-02fc-4216-bb2c-295360da6656"> ## Checklist for submitter If some of the following don't apply, delete the relevant line. - [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>
98 lines
1.5 KiB
SCSS
98 lines
1.5 KiB
SCSS
.download-installers {
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 0;
|
|
padding-bottom: 20px;
|
|
|
|
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;
|
|
}
|
|
}
|
|
}
|