qugalet/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

fix mobile layout navbar height

Browse source
This commit is contained in:
Henry Jameson 2024-06-13 01:28:34 +03:00
parent e4a819a0e2
commit 6142ac2bfc
2 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/mobile_nav/mobile_nav.vue
View file

@ -129,7 +129,7 @@
.mobile-nav { .mobile-nav {
display: grid; display: grid;
line-height: var(--navbar-height); line-height: var(--navbar-height);
grid-template-rows: 50px; grid-template-rows: 1fr;
grid-template-columns: 2fr auto; grid-template-columns: 2fr auto;
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
@ -190,8 +190,8 @@
justify-content: space-between; justify-content: space-between;
z-index: calc(var(--ZI_navbar) + 100); z-index: calc(var(--ZI_navbar) + 100);
width: 100%; width: 100%;
height: 50px; height: 3.5em;
line-height: 50px; line-height: 3.5em;
position: absolute; position: absolute;
box-shadow: var(--shadow); box-shadow: var(--shadow);
@ -214,7 +214,7 @@
} }
.mobile-notifications { .mobile-notifications {
margin-top: 50px; margin-top: 3.5em;
width: 100vw; width: 100vw;
height: calc(100vh - var(--navbar-height)); height: calc(100vh - var(--navbar-height));
overflow-x: hidden; overflow-x: hidden;

1
src/components/navigation/navigation_pins.vue
View file

@ -49,6 +49,7 @@
} }
&.toggled { &.toggled {
margin-bottom: -4px;
border-bottom: 4px solid; border-bottom: 4px solid;
} }
} }