fleet/frontend/pages/SoftwarePage/SoftwareVulnerabilityDetailsPage/_styles.scss
Jacob Shandling aa1845a06b
UI – Fix sw detail error handling (#17478)
## Addresses:
-  unreleased bug with error handling on the vulnerability details page
- miscellaneous code and style improvements

Bug (404 and 403s not being omitted from throwing and error as
intended):

![image](https://github.com/fleetdm/fleet/assets/61553566/4d5e556e-c812-497c-85b8-bdc3af0bc805)

Fixed:
<img width="1277" alt="Screenshot 2024-03-07 at 3 37 22 PM"
src="https://github.com/fleetdm/fleet/assets/61553566/55c28bda-7d2f-49e7-ad69-094df8d66b46">

- [x] Manual QA for all new/changed functionality

---------

Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
Co-authored-by: RachelElysia <71795832+RachelElysia@users.noreply.github.com>
2024-03-08 08:21:48 -08:00

64 lines
1 KiB
SCSS

.software-vulnerability-details-page {
background-color: $ui-off-white;
@include page;
.card {
display: flex;
flex-direction: column;
padding: $pad-xxlarge;
}
* > h1,
h2 {
margin: 0;
font-weight: $bold;
}
h1 {
font-size: 1.2rem;
}
h2 {
font-size: 1rem;
}
.resolved-suffix {
display: inline;
@media (max-width: $break-md) {
display: none;
}
}
.table-container {
&__header {
margin-top: 0;
margin-bottom: $pad-medium;
}
&__results-count,
.results-count {
height: initial;
}
.data-table-block .data-table tbody {
tr {
.hosts_count__cell {
display: flex;
justify-content: space-between;
align-items: center;
.w250 {
min-width: initial;
height: min-content;
}
}
}
td {
.link-cell {
display: flex;
align-items: center;
gap: $pad-small;
}
}
}
}
}