fleet/frontend/components/DeviceUserError/_styles.scss
2025-05-06 09:20:03 -04:00

42 lines
796 B
SCSS

.device-user-error {
display: flex;
flex-direction: column;
align-items: center;
&__inner {
display: flex;
flex-direction: row;
margin: $pad-xxxlarge 0;
}
.info {
display: flex;
flex-direction: column;
gap: $pad-large;
max-width: 333px;
&__header {
display: block;
gap: $pad-large;
color: $core-fleet-black;
font-weight: $bold;
font-size: $x-small;
text-align: center;
.icon {
vertical-align: sub;
margin-right: $pad-small;
position: relative;
bottom: 1px;
}
}
&__data {
display: block;
color: $core-fleet-black;
font-weight: normal;
font-size: $x-small;
text-align: center;
line-height: 21px; // Matches design
}
}
}