From 995dfbb8d857626f8fe0eb6d02ca5217d5bdf58b Mon Sep 17 00:00:00 2001
From: 07akioni <07akioni2@gmail.com>
Date: Sat, 28 Nov 2020 13:34:45 +0800
Subject: [PATCH] site: style change

---
 demo/SiteHeader.vue                   | 11 +----------
 demo/font.js                          |  2 +-
 demo/utils/ComponentDocumentation.vue |  2 +-
 demo/utils/EditOnGithubButton.vue     |  2 +-
 demo/utils/EditOnGithubHeader.vue     |  9 ++-------
 src/_styles/base/light.js             |  2 +-
 src/table/styles/light.js             |  3 +--
 7 files changed, 8 insertions(+), 23 deletions(-)

diff --git a/demo/SiteHeader.vue b/demo/SiteHeader.vue
index 8dd6d2533..87dc9a4b1 100644
--- a/demo/SiteHeader.vue
+++ b/demo/SiteHeader.vue
@@ -1,10 +1,6 @@
 <template>
   <n-layout-header
     bordered
-    :style="{
-      position: 'relative',
-      zIndex: zIndex
-    }"
   >
     <div class="nav">
       <n-text
@@ -28,7 +24,6 @@
         <n-auto-complete
           v-model:value="searchInputValue"
           style="width: 216px; margin-left: 24px;"
-          :z-index="zIndex && zIndex + 1"
           :placeholder="t('searchPlaceholder')"
           :options="searchOptions"
           clear-after-select
@@ -155,10 +150,6 @@ export default {
     }
   },
   computed: {
-    zIndex () {
-      const path = this.$route.path
-      return (path.endsWith('n-modal') || path.endsWith('n-drawer') || path.endsWith('n-dialog')) ? null : 3000
-    },
     menuValue () {
       if (/^(\/[^/]+){2}\/doc/.test(this.$route.path)) return 'doc'
       else if (this.$route.name === 'home') return 'home'
@@ -245,7 +236,7 @@ export default {
 }
 
 .nav-menu {
-  padding-left: 16px;
+  padding-left: 36px;
 }
 
 .nav-picker {
diff --git a/demo/font.js b/demo/font.js
index fbc441bb1..c77cd4a80 100644
--- a/demo/font.js
+++ b/demo/font.js
@@ -1,2 +1,2 @@
-import 'vfonts/OpenSans.css'
+import 'vfonts/Inter.css'
 import 'vfonts/FiraCode.css'
diff --git a/demo/utils/ComponentDocumentation.vue b/demo/utils/ComponentDocumentation.vue
index a6054e152..f6efdd009 100644
--- a/demo/utils/ComponentDocumentation.vue
+++ b/demo/utils/ComponentDocumentation.vue
@@ -35,6 +35,6 @@ export default {
 
 <style>
 .n-documentation {
-  padding: 32px 24px 24px 36px;
+  padding: 32px 24px 24px 56px;
 }
 </style>
diff --git a/demo/utils/EditOnGithubButton.vue b/demo/utils/EditOnGithubButton.vue
index f32f5d04b..fc6c2b3ad 100644
--- a/demo/utils/EditOnGithubButton.vue
+++ b/demo/utils/EditOnGithubButton.vue
@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import { GitCommitOutline as EditIcon } from '@vicons/ionicons-v5'
+import { Compose16Regular as EditIcon } from '@vicons/fluent'
 import githubUrl from './github-url'
 
 export default {
diff --git a/demo/utils/EditOnGithubHeader.vue b/demo/utils/EditOnGithubHeader.vue
index 35c8000c4..ec71d415b 100644
--- a/demo/utils/EditOnGithubHeader.vue
+++ b/demo/utils/EditOnGithubHeader.vue
@@ -4,7 +4,7 @@
     <span class="edit-button">
       <n-tooltip
         trigger="hover"
-        placement="left"
+        placement="right"
         :show-arrow="true"
       >
         <template #activator>
@@ -58,16 +58,11 @@ export default {
 <style scoped>
 .naive-doc-title {
   display: flex;
-  justify-content: space-between;
 }
 
 .naive-doc-title .edit-button {
+  margin-left: 4px;
   display: inline-flex;
   align-items: center;
 }
-/*
-.naive-doc-title:hover .edit-button {
-  opacity: 1;
-  transition: opacity .3s ease-out;
-} */
 </style>
diff --git a/src/_styles/base/light.js b/src/_styles/base/light.js
index f39ffbdba..289a0bf5e 100644
--- a/src/_styles/base/light.js
+++ b/src/_styles/base/light.js
@@ -13,7 +13,7 @@ export default create({
       neutralPopover: '#fff',
       neutralCard: '#fff',
       neutralModal: '#fff',
-      neutralBody: '#eff2f5',
+      neutralBody: '#fff',
 
       alpha1: '0.82',
       alpha2: '0.72',
diff --git a/src/table/styles/light.js b/src/table/styles/light.js
index 919b78aa4..4aab4a740 100644
--- a/src/table/styles/light.js
+++ b/src/table/styles/light.js
@@ -1,5 +1,4 @@
 import create from '../../_styles/utils/create-component-base'
-import { composite } from 'seemly'
 import sizeVariables from './_common'
 
 export default create({
@@ -23,7 +22,7 @@ export default create({
       borderColor: dividerColorOverlay,
       bodyColor: cardColor,
       bodyColorModal: modalColor,
-      headerColor: composite(cardColor, actionColorOverlay),
+      headerColor: actionColorOverlay,
       headerTextColor: textColor1,
       bodyTextColor: textColor2,
       borderRadius,