File tree Expand file tree Collapse file tree 2 files changed +18
-2
lines changed
Expand file tree Collapse file tree 2 files changed +18
-2
lines changed Original file line number Diff line number Diff line change @@ -15,6 +15,17 @@ body {
1515 text-align : center;
1616}
1717
18+ .App-title sup {
19+ font-size : 12px ;
20+ font-weight : 400 ;
21+ position : absolute;
22+ color : # ababab ;
23+ background-color : # e6e6e6 ;
24+ padding : 0 3px ;
25+ border-radius : 3px ;
26+ margin-left : 5px ;
27+ }
28+
1829.App-editor {
1930 height : 260px ;
2031 overflow : auto;
Original file line number Diff line number Diff line change @@ -22,16 +22,21 @@ const App: React.FC = () => {
2222 } ) ;
2323 }
2424 } , [ language ] ) ;
25+ // @ts -ignore
26+ const version = VERSION ;
2527 return (
2628 < div className = "App" >
2729 < GitHubCorners fixed href = "https://github.com/uiwjs/react-textarea-code-editor" />
28- < h1 className = "App-title" > React Textarea Code Editor</ h1 >
30+ < h1 className = "App-title" >
31+ React Textarea Code Editor
32+ < sup > { version } </ sup >
33+ </ h1 >
2934 < div className = "App-editor" >
3035 < TextareaCodeEditor
3136 autoFocus
3237 value = { value }
3338 language = { language }
34- style = { { backgroundColor : '#fafafa ' , outline : 0 , fontSize : 14 } }
39+ style = { { backgroundColor : '#f5f5f5 ' , outline : 0 , fontSize : 14 } }
3540 onChange = { ( evn ) => setValue ( evn . target . value ) }
3641 />
3742 </ div >
You can’t perform that action at this time.
0 commit comments