hide TOC on narrow screens

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">

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}