diff --git a/theme.css b/theme.css index 7bed2f5..e6f2db2 100644 --- a/theme.css +++ b/theme.css @@ -1484,6 +1484,7 @@ body.is-mobile .cm-s-obsidian span.cm-inline-code { } /* 移动端底部tab样式 */ +.is-mobile .view-header, .is-mobile .mobile-navbar { padding: 0; background-color: transparent; @@ -1503,6 +1504,24 @@ body.is-mobile .cm-s-obsidian span.cm-inline-code { padding: 8px 0; } +.is-mobile .workspace > .mod-root { + padding-top: 0; +} + +.is-mobile .view-header { + position: absolute; + top: 0; + left: 0; + right: 0; + height: calc(var(--safe-area-inset-top) + 40px); + padding-top: var(--safe-area-inset-top); + background: var(--glass-bg-color); + backdrop-filter: blur(15px) saturate(180%); + -webkit-backdrop-filter: blur(15px) saturate(180%); + border: 1px solid rgba(255, 255, 255, 0.1); + /* box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.05), inset 1px 1px 4px rgba(255, 255, 255, 0.1); */ +} + .is-mobile .mobile-navbar .mobile-navbar-actions::before { content: ''; z-index: -1; @@ -1527,7 +1546,7 @@ body.is-mobile .cm-s-obsidian span.cm-inline-code { /* 顶部导航栏样式 */ .is-mobile .view-header { - height: 40px !important; + /* height: 40px !important; */ align-items: center !important; justify-content: center !important; border-bottom: var(--nav-indentation-guide-color) solid 1px;