Elgato_dark/fleet
1
0
Fork 0
mirror of https://github.com/fleetdm/fleet synced 2026-05-24 09:28:54 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 42

UI – Fix responsive layout bugs dashboard page (#15080)

Browse source 
## Addresses 👇 
![Screenshot 2023-11-09 at 5 22
53 PM](https://github.com/fleetdm/fleet/assets/61553566/dad58d11-347c-4f01-af58-3bfca8487cd5)

## Fixed 👇 
![Screenshot 2023-11-09 at 5 38
23 PM](https://github.com/fleetdm/fleet/assets/61553566/7b3d76e6-f726-4fc8-8281-10a350ee006d)

---------

Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
This commit is contained in:
Jacob Shandling 2023-11-10 09:37:08 -08:00 committed by GitHub
parent 4366555a7b
commit 5dd1676d74
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
frontend/pages/DashboardPage/cards/HostsSummary/SummaryTile/_styles.scss
View file

@ -13,6 +13,7 @@
&__tile {
display: flex;
align-items: center;
gap: px-to-rem(12);
text-align: left;
padding: $pad-medium;
height: fit-content;
@ -23,7 +24,6 @@
}
&__tile-icon {
margin-right: px-to-rem(12);
white-space: nowrap;
}
@ -36,7 +36,6 @@
height: px-to-rem(48);
border-radius: 100%;
background: $ui-vibrant-blue-10;
margin-right: px-to-rem(12);
.icon {
margin-left: 0 !important;
@ -86,6 +85,9 @@
text-align: center;
flex-direction: column;
gap: 0.75rem;
.component__tooltip-wrapper__tip-text {
text-align: initial;
}
}
&__tile-icon {