feat: Update examples

nuintun · Aug 18, 2023 · 97ad1ae · 97ad1ae
1 parent 5754e2e
commit 97ad1ae
Show file tree

Hide file tree

Showing 7 changed files with 30 additions and 5 deletions.
diff --git a/packages/examples/src/css/App.module.scss b/packages/examples/src/css/App.module.scss
@@ -1,10 +1,24 @@
 .tabs {
   height: 100%;
 
-  .logo {
+  .logo,
+  .source {
     margin: 0 8px;
   }
 
+  .logo {
+    height: 32px;
+  }
+
+  .source {
+    cursor: pointer;
+    display: inline-flex;
+
+    .github {
+      font-size: 32px;
+    }
+  }
+
   .tabBarItem {
     gap: 4px;
     align-items: center;

diff --git a/packages/examples/src/images/github.svg b/packages/examples/src/images/github.svg
diff --git a/packages/examples/src/js/App.tsx b/packages/examples/src/js/App.tsx
@@ -17,6 +17,7 @@ import { App, AppProps, ConfigProvider, Tabs, TabsProps } from 'antd';
 import favicon from '/images/favicon.ico';
 import EncodeIcon from '/images/encode.svg';
 import DecodeIcon from '/images/decode.svg';
+import GithubIcon from '/images/github.svg';
 
 const Encode = lazy(() => import('/js/pages/Encode'));
 const Decode = lazy(() => import('/js/pages/Decode'));
@@ -79,7 +80,14 @@ const Page = memo(function Page() {
   );
 
   const tabBarExtraContent = useMemo<TabsProps['tabBarExtraContent']>(() => {
-    return { left: <img className={styles.logo} src={favicon} alt="logo" /> };
+    return {
+      left: <img title="QRCode" className={styles.logo} src={favicon} alt="logo" />,
+      right: (
+        <a title="GitHub" className={styles.source} href="https://github.com/nuintun/qrcode" target="_blank">
+          <Icon className={styles.github} component={GithubIcon} />
+        </a>
+      )
+    };
   }, []);
 
   return (

diff --git a/packages/examples/static/index.html b/packages/examples/static/index.html
@@ -1 +1 @@
-<!doctype html><html lang="zh-CN"><head><meta charset="UTF-8"/><title>二维码</title><meta name="viewport" content="width=device-width,initial-scale=1"/><link rel="icon" href="public/favicon.ico"/><script defer="defer" src="public/js/cf86bb1930b6a107.js"></script><script defer="defer" src="public/js/572e62eb2a30bc35.js"></script><script defer="defer" src="public/js/bd136746aab1b026.js"></script><link href="public/css/59837f13272d6811.css" rel="stylesheet"/></head><body><noscript>您已禁用 JavaScript，网站无法正常工作，请启用 JavaScript！</noscript><div id="app"></div></body></html>
+<!doctype html><html lang="zh-CN"><head><meta charset="UTF-8"/><title>二维码</title><meta name="viewport" content="width=device-width,initial-scale=1"/><link rel="icon" href="public/favicon.ico"/><script defer="defer" src="public/js/cf86bb1930b6a107.js"></script><script defer="defer" src="public/js/572e62eb2a30bc35.js"></script><script defer="defer" src="public/js/08f57fd31d3b25d5.js"></script><link href="public/css/284588a571178668.css" rel="stylesheet"/></head><body><noscript>您已禁用 JavaScript，网站无法正常工作，请启用 JavaScript！</noscript><div id="app"></div></body></html>
diff --git a/...es/static/public/css/59837f13272d6811.css → ...es/static/public/css/284588a571178668.css b/...es/static/public/css/59837f13272d6811.css → ...es/static/public/css/284588a571178668.css
diff --git a/packages/examples/static/public/js/08f57fd31d3b25d5.js b/packages/examples/static/public/js/08f57fd31d3b25d5.js
diff --git a/packages/examples/static/public/js/bd136746aab1b026.js b/packages/examples/static/public/js/bd136746aab1b026.js
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!doctype html><html lang="zh-CN"><head><meta charset="UTF-8"/><title>二维码</title><meta name="viewport" content="width=device-width,initial-scale=1"/><link rel="icon" href="public/favicon.ico"/><script defer="defer" src="public/js/cf86bb1930b6a107.js"></script><script defer="defer" src="public/js/572e62eb2a30bc35.js"></script><script defer="defer" src="public/js/bd136746aab1b026.js"></script><link href="public/css/59837f13272d6811.css" rel="stylesheet"/></head><body><noscript>您已禁用 JavaScript，网站无法正常工作，请启用 JavaScript！</noscript><div id="app"></div></body></html>
		<!doctype html><html lang="zh-CN"><head><meta charset="UTF-8"/><title>二维码</title><meta name="viewport" content="width=device-width,initial-scale=1"/><link rel="icon" href="public/favicon.ico"/><script defer="defer" src="public/js/cf86bb1930b6a107.js"></script><script defer="defer" src="public/js/572e62eb2a30bc35.js"></script><script defer="defer" src="public/js/08f57fd31d3b25d5.js"></script><link href="public/css/284588a571178668.css" rel="stylesheet"/></head><body><noscript>您已禁用 JavaScript，网站无法正常工作，请启用 JavaScript！</noscript><div id="app"></div></body></html>