website: update example.

uiwjs · Jul 15, 2021 · a0d1e67 · a0d1e67
1 parent 590ad66
commit a0d1e67
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/src/app/App.css b/src/app/App.css
@@ -50,6 +50,7 @@
   background: #03a132;
 }
 .keyboard kbd {
+  font-weight: bold;
   display: inline-block;
   background: #eff0f2;
   border-radius: 3px;

diff --git a/src/app/App.tsx b/src/app/App.tsx
@@ -1,6 +1,7 @@
 import React, { Fragment, useEffect, useState } from 'react';
 import ReactJson from 'react-json-view';
 import CopyToClipboard from '@uiw/react-copy-to-clipboard';
+import GitHubCorners from '@uiw/react-github-corners';
 import './App.css';
 
 type Writeable<T> = { -readonly [P in keyof T]: T[P] };
@@ -67,6 +68,7 @@ const App = () => {
   }, []);
   return (
     <div className="App">
+      <GitHubCorners fixed size={56} target="_blank" href="https://github.com/uiwjs/keycode-info" />
       {copied && <div className="copied-info">copied</div>}
       <header className="App-header">
         {!data && <div className="help">Press any key to get the JavaScript event keycode</div>}