talos/docs/website/components/TableOfContents.vue
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

29 lines
471 B
Vue

<template>
<div>
<div class="text-gray-500 text-base font-bold uppercase">
Table of Contents
</div>
<nav class="text-sm">
<div id="toc" v-html="toc" class="pt-4 text-gray-700 text-sm"></div>
</nav>
</div>
</template>
<script>
export default {
name: 'TableOfContents',
props: { toc: { type: String, default: '' } }
}
</script>
<style>
div#toc {
top: 90px;
@apply font-sans tracking-wide;
}
div#toc ul {
@apply pl-4;
}
</style>