obsidian-theme/laughmaker_Zen
1
0
Fork 0
mirror of https://github.com/laughmaker/Zen.git synced 2026-07-22 04:00:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

mobile顶部改为毛玻璃

Browse source
This commit is contained in:
hezhendong 2025-06-22 23:39:52 +08:00
parent d45c64a488
commit f367f36ae8
1 changed files with 20 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
theme.css
View file

@ -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;