poptart/lucko-paste
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

zoom controls

Browse Source
This commit is contained in:
Luck
2021-03-27 14:17:28 +00:00
parent 8c1c228f82
commit 019581dfb2
3 changed files with 61 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/EditorTextArea.js
View File

@@ -3,7 +3,7 @@ import ReactEditor from 'react-simple-code-editor';
import EditorPrismStyle from './EditorPrismStyle';
import { getHighlighter } from '../highlighting';
export default function EditorTextArea({ code, setCode, language }) {
export default function EditorTextArea({ code, setCode, language, fontSize }) {
const highlight = getHighlighter(language);
function highlightWithLineNumbers(input, grammar) {
@@ -21,6 +21,7 @@ export default function EditorTextArea({ code, setCode, language }) {
highlight={highlightWithLineNumbers}
placeholder={'Type some code...'}
padding={10}
size={fontSize}
textareaId='code-area'
/>
</EditorPrismStyle>
@@ -29,9 +30,9 @@ export default function EditorTextArea({ code, setCode, language }) {
const StyledReactEditor = styled(ReactEditor)`
counter-reset: line;
font-size: 16px;
font-size: ${props => props.size}px;
outline: 0;
min-height: calc(100vh - 2em);
min-height: calc(100vh - 2rem);
#code-area {
outline: none;