From 098a6cb6ff007c7d68a52cccbe28cdfe0b2e5be4 Mon Sep 17 00:00:00 2001
From: Tim <tymmesyde@gmail.com>
Date: Thu, 4 Jul 2024 14:07:07 +0200
Subject: [PATCH] refactor(NavBar): remove settings tab on mobile

---
 src/common/NavBar/VerticalNavBar/styles.less | 25 ++++++++++----------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/src/common/NavBar/VerticalNavBar/styles.less b/src/common/NavBar/VerticalNavBar/styles.less
index 99e59be93..88f5e45a3 100644
--- a/src/common/NavBar/VerticalNavBar/styles.less
+++ b/src/common/NavBar/VerticalNavBar/styles.less
@@ -9,6 +9,7 @@
     align-items: center;
     gap: 1rem;
     width: var(--vertical-nav-bar-size);
+    padding: 1rem 0;
     background-color: transparent;
     overflow-y: auto;
     scrollbar-width: none;
@@ -20,14 +21,6 @@
     .nav-tab-button {
         width: calc(var(--vertical-nav-bar-size) - 1.5rem);
         height: calc(var(--vertical-nav-bar-size) - 1.5rem);
-
-        &:first-child {
-            margin-top: 1rem;
-        }
-
-        &:last-child {
-            margin-bottom: 1rem;
-        }
     }
 }
 
@@ -45,12 +38,18 @@
         .nav-tab-button {
             flex: none;
 
-            &:first-child {
-                margin-top: 0;
-            }
-    
             &:last-child {
-                margin-bottom: 0;
+                display: none;
+            }
+        }
+    }
+}
+
+@media only screen and (max-height: @minimum) {
+    .vertical-nav-bar-container {
+        .nav-tab-button {
+            &:last-child {
+                display: none;
             }
         }
     }