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 {
15
15
text-align : center;
16
16
}
17
17
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
+
18
29
.App-editor {
19
30
height : 260px ;
20
31
overflow : auto;
Original file line number Diff line number Diff line change @@ -22,16 +22,21 @@ const App: React.FC = () => {
22
22
} ) ;
23
23
}
24
24
} , [ language ] ) ;
25
+ // @ts -ignore
26
+ const version = VERSION ;
25
27
return (
26
28
< div className = "App" >
27
29
< 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 >
29
34
< div className = "App-editor" >
30
35
< TextareaCodeEditor
31
36
autoFocus
32
37
value = { value }
33
38
language = { language }
34
- style = { { backgroundColor : '#fafafa ' , outline : 0 , fontSize : 14 } }
39
+ style = { { backgroundColor : '#f5f5f5 ' , outline : 0 , fontSize : 14 } }
35
40
onChange = { ( evn ) => setValue ( evn . target . value ) }
36
41
/>
37
42
</ div >
You can’t perform that action at this time.
0 commit comments