fix styles

assets/css/src/generic.css

@@ -2,7 +2,7 @@
   display: none;
 }
 
-.grid {
+body {
   background-size: var(--unit--horizontal) var(--unit--vertical);
   background-image: linear-gradient(
       to right,

assets/css/src/html.css

@@ -1,14 +1,23 @@
+html {
+  position: fixed;
+  height: 100%;
+  overflow: hidden;
+  overflow-x: hidden;
+}
+
 body {
   position: relative;
+  margin: 0;
+  width: 100vw;
+  height: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+  -webkit-overflow-scrolling: touch;
   box-sizing: border-box;
   background-color: var(--color-background);
   color: var(--color-primary);
 }
 
-html {
-  overflow-x: hidden;
-}
-
 main {
   position: relative;
   padding: 0 var(--unit--horizontal);

assets/css/src/nav.css

@@ -49,7 +49,7 @@
 .panel {
   position: fixed;
   width: 100%;
-  height: 100svh;
+  height: 100dvh;
   top: 0;
   background-color: #000;
   outline: 1px solid #fff;
@@ -61,6 +61,10 @@
   overflow: auto;
 }
 
+.panel ul {
+  margin-bottom: calc(var(--unit--vertical) * 4);
+}
+
 .panel--left {
   left: calc(-100% - var(--unit--horizontal) * 2 - 1px);
 }

site/snippets/nav.php

@@ -68,6 +68,7 @@
     <li 
       class="panel__item"
       x-data='{ category: false }'
+      x-show="<?= count($category['texts']) ?> > 0"
     >
       <button 
         class="panel__toggle-btn"