修复ios safe area问题

master
落雨楓 2 years ago
parent c4903be6ff
commit da70a27e6f

@ -89,6 +89,7 @@
left: 0; left: 0;
width: 100%; width: 100%;
height: (@isekai-bottom-nav-button-size + 2px); height: (@isekai-bottom-nav-button-size + 2px);
height: ~"calc(var(--safe-area-inset-bottom, 0px) + " (@isekai-bottom-nav-button-size + 2px) ~")";
padding-bottom: 2px; padding-bottom: 2px;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
background-color: #fff; background-color: #fff;
@ -127,7 +128,8 @@
} }
} }
@supports(-webkit-backdrop-filter: blur(10px)) { // iOS
@supports(-webkit-touch-callout: none) {
.isekai-bottom-nav { .isekai-bottom-nav {
background-color: rgba(255, 255, 255, 0.8); background-color: rgba(255, 255, 255, 0.8);
-webkit-backdrop-filter: blur(20px) saturate(120%); -webkit-backdrop-filter: blur(20px) saturate(120%);

Loading…
Cancel
Save