refactor(NavBar): remove settings tab on mobile

Stremio · Jul 4, 2024 · 098a6cb · 098a6cb
1 parent f6c4e66
commit 098a6cb
Showing 1 changed file with 11 additions and 12 deletions.
diff --git 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 {
+                display: none;
             }
-
+        }
+    }
+}
+
+@media only screen and (max-height: @minimum) {
+    .vertical-nav-bar-container {
+        .nav-tab-button {
             &:last-child {
-                margin-bottom: 0;
+                display: none;
             }
         }
     }