mirror/naive-ui
2
0
Fork 0
mirror of https://github.com/tusen-ai/naive-ui.git synced 2025-03-31 14:20:53 +08:00
Code Issues Packages Projects Releases Wiki Activity

site: fix api-table margin bottom

Browse Source
This commit is contained in:
07akioni 2020-11-30 22:20:01 +08:00
parent b131e97b93
commit 2ac1fb0678
2 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
build/loaders/md-renderer.js
View File

@ -6,7 +6,7 @@ function createRenderer (wrapCodeWithCard = true) {
const overrides = {
table (header, body) {
if (body) body = '<tbody class="n-table__tbody">' + body + '</tbody>'
return '<n-table single-column class="api-table">\n' +
return '<n-table single-column class="md-table">\n' +
'<thead class="n-table__thead">\n' +
header +
'</thead>\n' +
@ -32,7 +32,7 @@ function createRenderer (wrapCodeWithCard = true) {
throw new Error(`MdRendererError: ${language} is not valid for code - ${code}`)
}
const highlighted = hljs.highlight(language, code).value
return `${wrapCodeWithCard ? '<n-card size="small" style="margin-bottom: 16px;">' : ''}<n-config-consumer abstract>
return `${wrapCodeWithCard ? '<n-card size="small" class="md-card">' : ''}<n-config-consumer abstract>
<template v-slot="{ theme }">
<pre class="n-code" :class="'n-' + theme + '-theme'"><code v-pre>${highlighted}</code><n-code style="display: none;" /></pre>
</template>

12
demo/styles/demo.css
View File

@ -28,11 +28,19 @@ body {
max-width: 680px;
}
.api-table .n-table__td:nth-child(1) {
.md-table .n-table__td:nth-child(1) {
font-size: 13px !important;
font-family: v-mono, monospace;
}
.api-table .n-text.n-text--code {
.md-table .n-text.n-text--code {
font-size: 13px !important;
}
.md-card {
margin-bottom: 16px;
}
.md-table {
margin-bottom: 16px;
}