3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-05-30 01:17:07 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix(v2): set proper font for live editor (#2835)

Browse source
This commit is contained in:
Alexey Pyltsyn 2020-05-29 12:57:19 +03:00 • committed by GitHub
parent f2fb2b8e0f
commit e57294f70f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
packages/docusaurus-theme-live-codeblock/src/theme/Playground/index.js
View file

@ -25,7 +25,7 @@ function Playground({children, theme, transformCode, ...props}) {
)}> )}>
Live Editor Live Editor
</div> </div>
<LiveEditor /> <LiveEditor className={styles.playgroundEditor} />
<div <div
className={classnames( className={classnames(
styles.playgroundHeader, styles.playgroundHeader,

4
packages/docusaurus-theme-live-codeblock/src/theme/Playground/styles.module.css
View file

@ -22,6 +22,10 @@
color: var(--ifm-color-content); color: var(--ifm-color-content);
} }
.playgroundEditor {
font-family: var(--ifm-font-family-monospace) !important;
}
.playgroundPreview { .playgroundPreview {
border: 1px solid var(--ifm-color-emphasis-200); border: 1px solid var(--ifm-color-emphasis-200);
border-bottom-left-radius: var(--ifm-global-radius); border-bottom-left-radius: var(--ifm-global-radius);