site: style change

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 {

demo/font.js

@@ -1,2 +1,2 @@
-import 'vfonts/OpenSans.css'
+import 'vfonts/Inter.css'
 import 'vfonts/FiraCode.css'

demo/utils/ComponentDocumentation.vue

@@ -35,6 +35,6 @@ export default {
 
 <style>
 .n-documentation {
-  padding: 32px 24px 24px 36px;
+  padding: 32px 24px 24px 56px;
 }
 </style>

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 {

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>

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',

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,