pleroma-fe

commit: 6142ac2bfcacec227e4035cac19f2c5d968e72d6
parent e4a819a0e2ed9c57dc2191428d86a33bb5918862
Author: Henry Jameson <me@hjkos.com>
Date:   Thu, 13 Jun 2024 01:28:34 +0300

fix mobile layout navbar height

Diffstat:
M
src/components/mobile_nav/mobile_nav.vue
8
++++----
M
src/components/navigation/navigation_pins.vue
1
+

2 files changed, 5 insertions(+), 4 deletions(-)
diff --git a/src/components/mobile_nav/mobile_nav.vue b/src/components/mobile_nav/mobile_nav.vue
@@ -129,7 +129,7 @@
   .mobile-nav {
     display: grid;
     line-height: var(--navbar-height);
-    grid-template-rows: 50px;
+    grid-template-rows: 1fr;
     grid-template-columns: 2fr auto;
     width: 100%;
     box-sizing: border-box;
@@ -190,8 +190,8 @@
     justify-content: space-between;
     z-index: calc(var(--ZI_navbar) + 100);
     width: 100%;
-    height: 50px;
-    line-height: 50px;
+    height: 3.5em;
+    line-height: 3.5em;
     position: absolute;
     box-shadow: var(--shadow);
 
@@ -214,7 +214,7 @@
   }
 
   .mobile-notifications {
-    margin-top: 50px;
+    margin-top: 3.5em;
     width: 100vw;
     height: calc(100vh - var(--navbar-height));
     overflow-x: hidden;
diff --git a/src/components/navigation/navigation_pins.vue b/src/components/navigation/navigation_pins.vue
@@ -49,6 +49,7 @@
     }
 
     &.toggled {
+      margin-bottom: -4px;
       border-bottom: 4px solid;
     }
   }