diff options
| author | Henry Jameson <me@hjkos.com> | 2024-06-13 01:28:34 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2024-06-13 01:28:54 +0300 |
| commit | 6142ac2bfcacec227e4035cac19f2c5d968e72d6 (patch) | |
| tree | a30589951b346b281320fe014d1fd04fc046e4ec /src | |
| parent | e4a819a0e2ed9c57dc2191428d86a33bb5918862 (diff) | |
fix mobile layout navbar height
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/mobile_nav/mobile_nav.vue | 8 | ||||
| -rw-r--r-- | 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 index 6e134ef2..624ff1d0 100644 --- 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 index 36eb1ebe..decd1c04 100644 --- 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; } } |