Timothy Gerla 5348332d26 docs: adjust docs layouts and add tables of contents
- add an auto-generated table of contents with markdown-toc
- docs pages now fill the whole page width; other pages are are 4/5ths wide as before
- clean up and reorganize some styles
- version dropdown moved to the left
- cleaned up the github edit link
- a couple of responsive cleanups
- add page title to HTML title attribute

Signed-off-by: Timothy Gerla <tim@gerla.net>
2020-05-11 10:26:31 -07:00

23 lines
500 B
Vue

<template>
<article class="c-rich-text">
<div class="flex">
<h2 class="flex-grow">{{ doc.title }}</h2>
<GitHubLink
class="flex-grow-0 object-middle p-2 pt-4 md:pr-4"
></GitHubLink>
</div>
<div v-html="doc.content" class="border-t pt-4"></div>
</article>
</template>
<script>
import GitHubLink from '~/components/GitHubLink.vue'
export default {
name: 'Content',
components: { GitHubLink },
props: { doc: { type: Object, default() {} } }
}
</script>