feat: replace logo

Author: thonatos

config/basic.ts

@@ -1,5 +1,5 @@
 export default {
-  logo: '//static2.cnodejs.org/public/images/cnodejs_light.svg',
+  logo: '/images/cnodejs.svg',
   title: 'CNode.js',
   description: 'Node.js 专业中文社区',
 };

public/images/cnodejs.svg

@@ -1,9 +1,11 @@
 .container {
+  height: 100%;
   display: inline-flex;
-  align-items: baseline;
+  align-items: center;
 }
 
 .logo {
+  height: 32px;
 }
 
 .title {
@@ -16,5 +18,5 @@
   color: #222;
   opacity: 0.55;
   margin: 0 0 0 0.4em;
-  padding: 0 4px;
+  padding: 8px 0 0 8px;
 }

public/images/cnodejs_light.svg

@@ -4,7 +4,7 @@ import * as styles from './index.less';
 const Brand: React.FC<Props> = ({ logo, title, description }) => (
   <div className={styles.container}>
     <img className={styles.logo} src={logo} alt="logo" />
-    <h1 className={styles.title}>{title}</h1>
+    {/* <h1 className={styles.title}>{title}</h1> */}
     <p className={styles.description}>{description}</p>
   </div>
 );

public/images/favicon.ico

@@ -17,7 +17,7 @@
 }
 
 .cnode-header-right {
-  margin-right: 24px;
+  margin-right: 16px;
 }
 
 .top-nav-menu {

src/component/Brand/index.less

@@ -34,7 +34,7 @@ const layoutConfig = ({
     // common
     navTheme: 'light',
     layout: 'top',
-    headerHeight: 80,
+    headerHeight: 64,
     fixedHeader: false,
     contentWidth: 'Fluid',