Tim Gerla 38eda25398 docs: sidebar improvements and content organization
- Lots of usability improvements to the docs sidebar.
- Headers aren't links to content anymore.
- All of the old index content has been moved to "Overview" pages that have
  explicit links in the docs sidebar.
- Lots and lots of styling cleanups.

Signed-off-by: Tim Gerla <tim@gerla.net>
2020-04-09 14:35:41 -07:00

47 lines
1.2 KiB
Vue

<template>
<article class="max-w-3xl pt-1 pb-4 pl-6 pr-6 mx-auto c-rich-text">
<div class="flex">
<h2 class="page-heading flex-grow">{{ doc.title }}</h2>
<a
:href="
'https://github.com/talos-systems/talos/edit/master/docs/website/content/' +
$store.getters['sidebar/getActiveDocPath'] +
'.md'
"
class="no-underline font-normal text-sm self-center"
><img
src="/images/Git-Icon-Black.png"
height="14px"
width="14px"
class="inline-block mr-1"
alt=""
/>
Edit this page
</a>
</div>
<div v-html="doc.content" class="border-t pt-4"></div>
</article>
</template>
<script>
export default {
name: 'Content',
computed: {
doc() {
const sections = this.$store.getters['sidebar/getSections']
let activeDocPath = ''
// if there's an #anchor specified, go there instead of the top-level
if (this.$route.hash) {
activeDocPath = this.$route.hash.substring(1)
} else {
activeDocPath = this.$store.getters['sidebar/getActiveDocPath']
}
return sections[activeDocPath]
}
}
}
</script>