fix map nav responsive #2221

2023-10-10 11:31:35 +02:00
parent 69b0d79591
commit 6f5062b774
3 changed files with 36 additions and 12 deletions
--- a/src/assets/main.scss
+++ b/src/assets/main.scss
@@ -124,12 +124,36 @@ body{
            align-items: center;
            
          }
-
-          @media screen and (max-width: 1300px) {
+        }
+      }
+      
+    }
+    @media screen and (max-width: 1300px) {
+      ul{
+        gap: 0.5em;
+        li{
+          margin:0;
+          a{
            span.label{
              display: none;
            }
-            
+            span.icon {
+              width:2em;
+              height:2em;
+              border-radius: 1em;
+            }
+          }
+        }
+      }
+    }
+    @media screen and (max-width: 880px) {
+      ul{
+        flex-flow: column;
+        width:fit-content;
+        margin: 0;
+        li{
+          a{
+            span.icon{}
          }
        }
      }