From 7b3ae4dea8a99df21de0a46063d7e3d7772a73c1 Mon Sep 17 00:00:00 2001
From: Joseph Montanaro <jfmonty2@gmail.com>
Date: Sat, 23 Sep 2023 20:03:00 -0700
Subject: [PATCH] hide TOC on narrow screens

---
 src/lib/Post.svelte | 4 +++-
 src/lib/Toc.svelte  | 6 ++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/lib/Post.svelte b/src/lib/Post.svelte
index 7a5bb70..4a1af05 100644
--- a/src/lib/Post.svelte
+++ b/src/lib/Post.svelte
@@ -102,7 +102,9 @@
     </div>
 
     <div class="left-gutter">
-        <Toc items={toc} />
+        {#if toc?.length !== 0}
+            <Toc items={toc} />
+        {/if}
     </div>
 
     <div class="post">
diff --git a/src/lib/Toc.svelte b/src/lib/Toc.svelte
index e7cc127..c09bce7 100644
--- a/src/lib/Toc.svelte
+++ b/src/lib/Toc.svelte
@@ -37,8 +37,10 @@
 
 <style>
     #toc {
+        display: none;
         position: sticky;
         top: 1.5rem;
+        margin-left: 1rem;
         margin-right: 2rem;
 
         max-width: 14rem;
@@ -49,6 +51,10 @@
         animation-fill-mode: forwards;
     }
 
+    @media(min-width: 1300px) {
+        #toc { display: block }
+    }
+
     @keyframes fade-in {
         from {opacity: 0}
         to {opacity: 1}