d0zingcat/nextjs-notion-starter-kit
1
0
Fork 0
mirror of https://github.com/d0zingcat/nextjs-notion-starter-kit.git synced 2026-05-13 15:09:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add backdrop filter to fixed header

Browse Source
This commit is contained in:
Travis Fischer
2021-02-05 23:20:12 -05:00
parent a0be8846d4
commit 7c3dfcbc97
3 changed files with 16 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
styles/notion.css
View File

@@ -9,6 +9,7 @@
.notion {
--notion-max-width: 720px;
--notion-header-height: 54px;
}
.notion-page {
@@ -317,3 +318,13 @@
border-radius: 50%;
box-shadow: 0 8px 40px 0 rgb(0 0 0 / 21%);
}
.notion-header {
background: hsla(0, 0%, 100%, 0.8);
backdrop-filter: saturate(180%) blur(5px);
}
.dark-mode .notion-header {
background: transparent;
box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
}