Files
payload/packages/ui/src/fields/Code/index.scss
Tylan Davis 68553ff974 feat!: updated admin UI (#7424)
## Description

- Updates admin UI with more condensed spacing throughout.
- Improves hover states and read-only states for various components.
- Removes the `Merriweather` font from `next/font` and replaces with
stack of system serif fonts and fallbacks (Georgia, etc). Closes #7257

## BREAKING CHANGES
- Custom components and styling that don't utilize Payload's CSS/SCSS
variables may need adjustments to match the updated styling.
- If you are using the `Merriweather` font, you will need to manually
configure `next/font` in your own project.

---------

Co-authored-by: Paul Popus <paul@nouance.io>
2024-08-05 15:08:00 +00:00

25 lines
407 B
SCSS

@import '../../scss/styles.scss';
.code-field {
position: relative;
&.error {
textarea {
border: 1px solid var(--theme-error-500) !important;
}
.code-editor {
border-color: var(--theme-error-500);
}
.monaco-editor-background,
.margin {
background-color: var(--theme-error-50);
}
}
.read-only {
.code-editor {
@include readOnly;
}
}
}