From 2a0958e1433dc5ae36dfd4a0fd4d3f4e592315d8 Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Tue, 9 Apr 2024 12:35:24 +0200
Subject: [PATCH] fix styles

---
 assets/css/src/generic.css |  2 +-
 assets/css/src/html.css    | 17 +++++++++++++----
 assets/css/src/nav.css     |  6 +++++-
 site/snippets/nav.php      |  1 +
 4 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/assets/css/src/generic.css b/assets/css/src/generic.css
index 97b5f93..6a6e968 100644
--- a/assets/css/src/generic.css
+++ b/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,
diff --git a/assets/css/src/html.css b/assets/css/src/html.css
index fba93f6..9beb3ca 100644
--- a/assets/css/src/html.css
+++ b/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);
diff --git a/assets/css/src/nav.css b/assets/css/src/nav.css
index f625489..61b6535 100644
--- a/assets/css/src/nav.css
+++ b/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);
 }
diff --git a/site/snippets/nav.php b/site/snippets/nav.php
index 6cf9690..0bac55b 100644
--- a/site/snippets/nav.php
+++ b/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"