mikeconrad/blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Better Header

Browse Source
This commit is contained in:
prototypa
2023-07-27 12:55:48 -04:00
parent 2c8597fce6
commit 242a172b36
8 changed files with 185 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/assets/styles/base.css
View File

@ -35,8 +35,26 @@
}
}
#header.scroll {
@apply shadow-md md:shadow-lg bg-white md:bg-white/90 md:backdrop-blur-sm dark:bg-slate-900 dark:md:bg-slate-900/90;
#header.scroll > div:first-child {
@apply bg-white md:bg-white/90 md:backdrop-blur-md;
box-shadow: 0 0.375rem 1.5rem 0 rgb(140 152 164 / 13%);
}
.dark #header.scroll > div:first-child,
#header.scroll.dark > div:first-child {
@apply bg-white md:bg-[#030621e6] border-b border-gray-500/20;
box-shadow: none;
}
/* #header.scroll > div:last-child {
@apply py-3;
} */
#header.expanded nav {
position: fixed;
top: 70px;
left: 0;
right: 0;
bottom: 70px !important;
padding: 0 5px;
}
.dropdown:hover .dropdown-menu {