eightequal/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

Use safe insets on bottom of screen (#755)

Browse Source
This commit is contained in:
Prospector
2022-11-20 12:57:53 -08:00
committed by GitHub
parent 1cf75a7169
commit 9849bc055c
1 changed files with 16 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
layouts/default.vue
View File

@@ -867,6 +867,7 @@ export default {
width: 100%; width: 100%;
transition: height 0.25s ease-in-out; transition: height 0.25s ease-in-out;
height: var(--size-mobile-navbar-height); height: var(--size-mobile-navbar-height);
padding-bottom: env(safe-area-inset-bottom);
position: fixed; position: fixed;
left: 0; left: 0;
bottom: 0; bottom: 0;
@@ -977,6 +978,21 @@ export default {
&.expanded { &.expanded {
height: var(--size-mobile-navbar-height-expanded); height: var(--size-mobile-navbar-height-expanded);
&::after {
top: var(--size-mobile-navbar-height-expanded);
}
}
&::after {
content: '';
background: var(--color-raised-bg);
width: 100%;
height: 50px;
position: absolute;
top: var(--size-mobile-navbar-height);
left: 0;
transition: top 0.25s ease-in-out;
} }
} }
} }