aboutsummaryrefslogtreecommitdiff
path: root/src/lib/Toc.svelte
diff options
context:
space:
mode:
authormat <github@matdoes.dev>2022-02-21 22:46:33 -0600
committermat <github@matdoes.dev>2022-02-21 22:46:42 -0600
commitba23725243a28bb622954991181d87fa963e48a2 (patch)
treed77a5bfe08ede15243f2686767d79e47b36931ef /src/lib/Toc.svelte
parent32a6a5ce30f75a919731338453570d9acfceb4d8 (diff)
downloadskyblock-stats-ba23725243a28bb622954991181d87fa963e48a2.tar.gz
skyblock-stats-ba23725243a28bb622954991181d87fa963e48a2.tar.bz2
skyblock-stats-ba23725243a28bb622954991181d87fa963e48a2.zip
Change the list in the TOC so there's only <ul>s
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;