diff --git a/docs/package.json b/docs/package.json index 66165149..d03aff94 100644 --- a/docs/package.json +++ b/docs/package.json @@ -21,6 +21,7 @@ }, "devDependencies": { "@babel/preset-react": "^7.9.4", + "html-loader": "^1.1.0", "node-sass": "^4.13.1", "sass-loader": "^8.0.2", "style-resources-loader": "^1.3.3", diff --git a/docs/src/assets/icons/github.svg b/docs/src/assets/icons/github.svg new file mode 100644 index 00000000..60cc1475 --- /dev/null +++ b/docs/src/assets/icons/github.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/docs/src/components/Icon/index.vue b/docs/src/components/Icon/index.vue new file mode 100644 index 00000000..29836e84 --- /dev/null +++ b/docs/src/components/Icon/index.vue @@ -0,0 +1,38 @@ + + + diff --git a/docs/src/components/Icon/style.scss b/docs/src/components/Icon/style.scss new file mode 100644 index 00000000..10ab355f --- /dev/null +++ b/docs/src/components/Icon/style.scss @@ -0,0 +1,15 @@ +.icon { + display: inline-flex; + width: 1.3rem; + height: 1.3rem; + + &::v-deep > svg { + width: 100%; + height: 100%; + fill: currentColor; + + * { + fill: inherit; + } + } +} diff --git a/docs/src/layouts/App/index.vue b/docs/src/layouts/App/index.vue index 05353015..177ffc8e 100644 --- a/docs/src/layouts/App/index.vue +++ b/docs/src/layouts/App/index.vue @@ -1,35 +1,32 @@ - - - {{ $static.metadata.siteName }} - - + + {{ $static.metadata.siteName }} + + + + - - - - - - {{ linkGroup.title }} - - - - - {{ item.title }} - - - - - - - - - + + + + {{ linkGroup.title }} + + + + + {{ item.title }} + + + - + + + + + @@ -44,10 +41,12 @@ query {