fleet/frontend/pages/SoftwarePage/SoftwareAddPage/SoftwareFleetMaintained/FleetMaintainedAppDetailsPage/_styles.scss
Gabriel Hernandez 314219a65a
Add UI for adding fleet maintained apps (#22204)
relates to #21775

> NOTE: there still needs to be integrated with the API when this work
is done.

Adds the UI for adding Fleet maintained applications. This includes:

**the view to see all the fleet maintained apps**


![image](https://github.com/user-attachments/assets/f49983d1-df6d-4721-b50d-a4fa78b2c85e)

**The fleet maintained app details Page:**


![image](https://github.com/user-attachments/assets/974c4a83-211e-45de-b0cc-2c5f6e055896)



<!-- Note that API documentation changes are now addressed by the
product design team. -->

- [x] Changes file added for user-visible changes in `changes/`,
`orbit/changes/` or `ee/fleetd-chrome/changes`.
See [Changes
files](https://github.com/fleetdm/fleet/blob/main/docs/Contributing/Committing-Changes.md#changes-files)
for more information.
- [ ] Added/updated tests
- [ ] Manual QA for all new/changed functionality
2024-09-20 15:47:01 +01:00

31 lines
496 B
SCSS

.fleet-maintained-app-details-page {
&__back-to-add-software {
margin-bottom: $pad-medium;
}
h1 {
margin-bottom: $pad-large;
}
&__page-content {
display: flex;
flex-direction: column;
gap: $pad-large;
}
&__fleet-app-summary {
display: flex;
gap: $pad-medium;
}
&__fleet-app-summary--title {
font-weight: $bold;
font-size: $small;
}
&__fleet-app-summary--info {
font-size: $x-small;
display: flex;
gap: $pad-xsmall;
}
}