aboutsummaryrefslogtreecommitdiff
path: root/src/lib/Toc.svelte
diff options
context:
space:
mode:
Diffstat (limited to 'src/lib/Toc.svelte')
-rw-r--r--src/lib/Toc.svelte17
1 files changed, 12 insertions, 5 deletions
diff --git a/src/lib/Toc.svelte b/src/lib/Toc.svelte
index 190c6a4..7259fee 100644
--- a/src/lib/Toc.svelte
+++ b/src/lib/Toc.svelte
@@ -4,12 +4,14 @@
export let categories: string[]
</script>
-<ul id="toc">
+<div id="toc">
<h3>Contents</h3>
- {#each categories as category}
- <li><a href="#{category}">{cleanId(category)}</a></li>
- {/each}
-</ul>
+ <ul>
+ {#each categories as category}
+ <li><a href="#{category}">{cleanId(category)}</a></li>
+ {/each}
+ </ul>
+</div>
<style>
#toc {
@@ -20,6 +22,11 @@
display: inline-block;
background: rgba(0, 0, 0, 0.1);
+ margin-bottom: 1em;
+ }
+ #toc ul {
+ padding: 0;
+ margin: 0;
}
#toc li {
list-style-type: none;