From 2003c345cf7a073bc4aa73837fa5f237e0bdbbe7 Mon Sep 17 00:00:00 2001
From: iamkun <kunhello@outlook.com>
Date: Sat, 30 Apr 2022 00:07:50 +0800
Subject: [PATCH] chore: update doc css (#7444)

---
 docs/.vitepress/config/head.ts  |  7 ----
 docs/.vitepress/theme/index.ts  |  2 +-
 docs/.vitepress/theme/style.css | 66 +++++++++++++++++++++++++++++++++
 3 files changed, 67 insertions(+), 8 deletions(-)
 create mode 100644 docs/.vitepress/theme/style.css

diff --git a/docs/.vitepress/config/head.ts b/docs/.vitepress/config/head.ts
index 9a1ddf501a..14e2a2bec4 100644
--- a/docs/.vitepress/config/head.ts
+++ b/docs/.vitepress/config/head.ts
@@ -66,13 +66,6 @@ export const head: HeadConfig[] = [
       href: '//fonts.loli.net/css?family=Inter:300,400,500,600|Open+Sans:400,600;display=swap',
     },
   ],
-  [
-    'link',
-    {
-      rel: 'stylesheet',
-      href: '//unpkg.com/nprogress@0.2.0/nprogress.css',
-    },
-  ],
   [
     'script',
     {},
diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
index cb13b44953..79c4344e59 100644
--- a/docs/.vitepress/theme/index.ts
+++ b/docs/.vitepress/theme/index.ts
@@ -3,7 +3,7 @@ import ElementPlus from 'element-plus'
 import VPApp, { NotFound, globals } from '../vitepress'
 import { define } from '../utils/types'
 import 'uno.css'
-
+import './style.css'
 import type { Theme } from 'vitepress'
 
 export default define<Theme>({
diff --git a/docs/.vitepress/theme/style.css b/docs/.vitepress/theme/style.css
new file mode 100644
index 0000000000..8d69b96394
--- /dev/null
+++ b/docs/.vitepress/theme/style.css
@@ -0,0 +1,66 @@
+#nprogress {
+  pointer-events: none;
+}
+#nprogress .bar {
+  background: #29d;
+  position: fixed;
+  z-index: 1031;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 2px;
+}
+#nprogress .peg {
+  display: block;
+  position: absolute;
+  right: 0;
+  width: 100px;
+  height: 100%;
+  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
+  opacity: 1;
+  -webkit-transform: rotate(3deg) translateY(-4px);
+  -ms-transform: rotate(3deg) translateY(-4px);
+  transform: rotate(3deg) translateY(-4px);
+}
+#nprogress .spinner {
+  display: block;
+  position: fixed;
+  z-index: 1031;
+  top: 15px;
+  right: 15px;
+}
+#nprogress .spinner-icon {
+  width: 18px;
+  height: 18px;
+  box-sizing: border-box;
+  border-color: #29d transparent transparent #29d;
+  border-style: solid;
+  border-width: 2px;
+  border-radius: 50%;
+  -webkit-animation: nprogress-spinner 0.4s linear infinite;
+  animation: nprogress-spinner 0.4s linear infinite;
+}
+.nprogress-custom-parent {
+  overflow: hidden;
+  position: relative;
+}
+.nprogress-custom-parent #nprogress .bar,
+.nprogress-custom-parent #nprogress .spinner {
+  position: absolute;
+}
+@-webkit-keyframes nprogress-spinner {
+  0% {
+    -webkit-transform: rotate(0deg);
+  }
+  to {
+    -webkit-transform: rotate(1turn);
+  }
+}
+@keyframes nprogress-spinner {
+  0% {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(1turn);
+  }
+}