fix(iOS): weird status bar height before iPhone 8

This commit is contained in:
leizhe
2021-12-22 20:32:34 +08:00
committed by Tienson Qin
parent 1b9cecd180
commit dfc4e5be45
3 changed files with 30 additions and 12 deletions

View File

@@ -173,10 +173,7 @@ a.button {
cursor: default !important;
}
html.is-native-ipad,
html.is-ios.is-safari {
--ls-headbar-inner-top-padding: 0px;
--ls-headbar-height: 4rem;
#main-container {
padding-top: 20px;
@@ -192,15 +189,20 @@ html.is-ios.is-safari {
}
}
html.is-native-iphone {
--ls-headbar-inner-top-padding: 36px;
html.is-native-iphone,
html.is-native-iphone-without-notch,
html.is-native-ipad {
.cp__header > .r {
display: flex;
}
.cp__header > .r {
display: flex;
}
}
@screen sm {
html.is-native-ipad {
--ls-headbar-inner-top-padding: 0px;
--ls-headbar-height: 4rem;
.cp__header {
background-color: transparent !important;
display: flex;
@@ -244,5 +246,14 @@ html.is-native-iphone {
.cp__right-sidebar {
margin-top: 8px;
}
}
}
html.is-native-iphone {
--ls-headbar-inner-top-padding: 36px;
}
html.is-native-iphone-without-notch {
--ls-headbar-inner-top-padding: 10px;
--ls-headbar-height: 3rem;
}