chore(post): style the Quick Jump list

2022-07-20 18:00:00 +01:00 · 2022-07-20 18:00:00 +01:00 · 46851960d0
parent 0a6280ff2d
commit 46851960d0
1 changed files with 13 additions and 7 deletions
--- a/website/source/_includes/post/table-of-contents.html.twig
+++ b/website/source/_includes/post/table-of-contents.html.twig
@ -1,9 +1,15 @@
 {% if toc %}
-    <ul>
-        {% for title in toc %}
-            <li>
-                <a href="#{{ title|lower|replace({ ' ': '-' }) }}">{{ title }}</a>
-            </li>
-        {% endfor %}
-    </ul>
+    <div class="p-6 my-6 border border-gray-300 dark:bg-gray-800 dark:border-gray-700">
+        <p>Quick jump:</p>
+
+        <div class="mt-2">
+            <ul>
+                {% for title in toc %}
+                    <li>
+                        <a href="#{{ title|lower|replace({ ' ': '-' }) }}">{{ title }}</a>
+                    </li>
+                {% endfor %}
+            </ul>
+        </div>
+    </div>
 {% endif %}