site: fix nav

pkgs/docs-site/src/routes/+layout.svelte

@@ -21,7 +21,9 @@
   <nav>
     <div class={["menu", menuOpen && "open"]}>
       <button onclick={() => (menuOpen = !menuOpen)}>Menu</button>
+      <ul>
         {@render navLinks(docs.navLinks)}
+      </ul>
     </div>
   </nav>
 </div>
@@ -30,11 +32,9 @@
 </main>
 
 {#snippet navLinks(nLinks: NavLink[])}
-  <ul>
   {#each nLinks as nLink}
     {@render navLink(nLink)}
   {/each}
-  </ul>
 {/snippet}
 
 {#snippet navLink(nLink: NavLink)}
@@ -42,7 +42,9 @@
     <li>
       <details open={!nLink.collapsed}>
         <summary><span class="label group">{nLink.label}</span></summary>
+        <ul>
           {@render navLinks(nLink.items)}
+        </ul>
       </details>
     </li>
   {:else}
@@ -61,7 +63,8 @@
     border-bottom: 1px solid;
     padding: 0 var(--pagePadding);
   }
-  .menu > ul {
+  .menu {
+    & > ul {
       visibility: hidden;
       position: fixed;
       left: 0;
@@ -71,15 +74,16 @@
       height: 100vh;
       background: #fff;
     }
-  .menu.open > ul {
+    &.open > ul {
       visibility: visible;
     }
+    li {
+      padding-left: 1em;
+    }
+  }
   ul {
     list-style: none;
     padding: 0;
     margin: 0;
   }
-  li {
-    padding-left: 1em;
-  }
 </style>