clone/logseq
1
0
Fork 0
mirror of https://github.com/logseq/logseq.git synced 2026-04-29 08:26:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(iPhone): remove extra top padding on landscape mode

Browse Source 
close https://github.com/logseq/logseq/issues/3675
This commit is contained in:
leizhe
2022-01-04 11:22:52 +08:00
committed by Andelf
parent 22b1bf994c
commit 133d72e4c0
3 changed files with 45 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
src/main/frontend/components/header.css
View File

@@ -182,11 +182,7 @@ a.button {
}
html.is-ios.is-safari {
#main-container {
padding-top: 20px;
}
.cp__header {
position: fixed !important;
background-color: var(--ls-primary-background-color);
@@ -201,6 +197,10 @@ html.is-native-iphone,
html.is-native-iphone-without-notch,
html.is-native-ipad {
#main-container {
padding-top: 20px;
}
.cp__header > .r {
display: flex;
}
@@ -257,10 +257,46 @@ html.is-native-ipad {
}
html.is-native-iphone {
--ls-headbar-inner-top-padding: 36px;
--ls-headbar-inner-top-padding: 36px;
#main-container {
padding-top: 75px;
}
@media (orientation: landscape) {
--ls-headbar-inner-top-padding: 8px;
--ls-headbar-height: 2.5rem;
.cp__header {
@apply shadow z-10;
}
#main-container {
padding-top: 20px;
}
#main-content{
padding-top: 0px;
}
}
}
html.is-native-iphone-without-notch {
--ls-headbar-inner-top-padding: 10px;
--ls-headbar-height: 3rem;
--ls-headbar-inner-top-padding: 15px;
--ls-headbar-height: 2.5rem;
@media (orientation: landscape) {
--ls-headbar-inner-top-padding: 0px;
--ls-headbar-height: 2.5rem;
.cp__header {
@apply shadow z-10;
}
#main-container {
padding-top: 20px;
}
}
}