website: update header.

uiwjs · Jan 17, 2022 · 0ccf990 · 0ccf990
1 parent 57cb244
commit 0ccf990
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 40 deletions.
diff --git a/website/.kktrc.ts b/website/.kktrc.ts
@@ -1,10 +1,9 @@
 import path from 'path';
-import webpack, { Configuration } from 'webpack';
+import { Configuration } from 'webpack';
 import lessModules from '@kkt/less-modules';
 import rawModules from '@kkt/raw-modules';
 import scopePluginOptions from '@kkt/scope-plugin-options';
 import { LoaderConfOptions } from 'kkt';
-import pkg from './package.json';
 
 export default (conf: Configuration, env: 'development' | 'production', options: LoaderConfOptions) => {
  conf = lessModules(conf, env, options);
@@ -13,11 +12,6 @@ export default (conf: Configuration, env: 'development' | 'production', options:
  ...options,
  allowedFiles: [path.resolve(process.cwd(), 'README.md'), path.resolve(process.cwd(), 'src')],
  });
- conf.plugins!.push(
- new webpack.DefinePlugin({
- VERSION: JSON.stringify(pkg.version),
- }),
- );
 
  if (env === 'production') {
  /** https:/uiwjs/react-code-preview/issues/94 */

diff --git a/website/src/App.module.less b/website/src/App.module.less
@@ -13,6 +13,13 @@
  padding-bottom: 30px;
  text-align: center;
  color: white;
+ sup {
+ background-color: #e6e6e6;
+ border-radius: 3px;
+ color: #555;
+ font-size: 12px;
+ padding: 1px 5px;
+ }
 }
 
 .logo {

diff --git a/website/src/App.tsx b/website/src/App.tsx
@@ -4,17 +4,18 @@ import Layout from '@uiw/react-layout';
 import Markdown from './Markdown';
 import styles from './App.module.less';
 import logo from './logo.svg';
+import pkg from '@uiw/react-layout/package.json';
 
 export default function App() {
- // @ts-ignore
- const version = VERSION;
  return (
  <div className={styles.app}>
  <GitHubCorners fixed target="__blank" zIndex={10} href="https:/uiwjs/react-layout" />
  <header className={styles.header}>
  <img src={logo} className={styles.logo} alt="react logo" />
- <h1>React Monorepo Template {version}</h1>
- <p className={styles.info}>Simple React package development project example template.</p>
+ <h1>
+ React Layout <sup>{pkg.version}</sup>
+ </h1>
+ <p className={styles.info}>{pkg.description}</p>
  </header>
  <Markdown
  className={styles.markdown}

diff --git a/website/src/Markdown/index.module.less b/website/src/Markdown/index.module.less
@@ -1,30 +1,5 @@
-.docinfo {
- padding: 30px 0 10px 0;
- line-height: 24px;
- color: #909090;
-}
-
 .markdown {
- font-size: inherit;
- line-height: initial;
- h1,
- h2,
- h3,
- h4,
- h5,
- h6 {
- a {
- display: none;
- }
- }
  pre[data-type='rehyp'] {
  overflow: initial;
- font-size: inherit;
- line-height: initial;
-
- white-space: initial;
- word-spacing: initial;
- word-break: initial;
- word-wrap: initial;
  }
 }
diff --git a/website/src/Markdown/index.tsx b/website/src/Markdown/index.tsx
@@ -1,7 +1,6 @@
 import { useEffect, useState } from 'react';
 import MarkdownPreview from '@uiw/react-markdown-preview';
 import Code from './Code';
-import Footer from './Footer';
 import styles from './index.module.less';
 
 export interface CreatePageProps<T> extends React.HTMLAttributes<HTMLDivElement> {
@@ -76,9 +75,6 @@ export default function CreatePage<T>(props: CreatePageProps<T>) {
  },
  }}
  />
- <div className={styles.docinfo}>
- <Footer path={path} />
- </div>
  </div>
  );
 }