fleet/frontend/components/AddHostsModal/PlatformWrapper/_styles.scss
Marko Lisica b233493d45
Update enrollment links font to monospaced (#37279)
<!-- Add the related story/sub-task/bug number, like Resolves #123, or
remove if NA -->
**Related issue:** Resolves #36754

# 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/`,
`orbit/changes/` or `ee/fleetd-chrome/changes`.
See [Changes
files](https://github.com/fleetdm/fleet/blob/main/docs/Contributing/guides/committing-changes.md#changes-files)
for more information.

## Testing

- [x] QA'd all new/changed functionality manually


Screenshots:

<img width="849" height="394" alt="Screenshot 2025-12-15 at 18 03 06"
src="https://github.com/user-attachments/assets/054d0d99-59b7-4664-b682-fb68a5cccad8"
/>
<img width="882" height="421" alt="Screenshot 2025-12-15 at 18 02 42"
src="https://github.com/user-attachments/assets/87ac021e-d88a-4cbf-8b46-8f674d838d3c"
/>
2025-12-16 14:35:46 +01:00

76 lines
1.2 KiB
SCSS

@import "../../../../../../../node_modules/react-tabs/style/react-tabs.scss";
.platform-wrapper {
h1 {
margin-bottom: $pad-small;
}
p {
margin: 0;
}
.input-field {
&__textarea {
min-height: 88px;
}
&__textarea {
font-family: "SourceCodePro", $monospace;
color: $core-fleet-blue;
line-height: $line-height;
line-break: anywhere;
padding: 12px $pad-xlarge 12px $pad-medium;
}
}
&__advanced--installer {
.input-field {
height: 105px;
}
}
&__certificate-loading {
color: $ui-fleet-black-50;
padding-top: $pad-xsmall;
}
&__certificate-error {
span,
em {
display: block;
padding: $pad-xsmall 0;
}
em {
color: $ui-error;
font-style: normal;
}
}
&__advanced--heading,
&__chromeos--heading {
font-weight: $bold;
}
&__chromeos--info {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
&__chromeos-policy-for-extension {
height: 230px;
.input-field {
&__textarea {
height: 190px;
}
&--disabled {
height: 190px;
}
}
}
.download-certificate--tooltip {
margin-bottom: 0;
}
}