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

Add shadow to Header

Browse Source
This commit is contained in:
prototypa
2023-01-06 17:55:02 -05:00
parent db04b8f0d2
commit bca3381870
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -17,7 +17,7 @@
} }
#header.scroll { #header.scroll {
@apply border-b dark:border-none border-gray-50 bg-white md:bg-white/90 md:backdrop-blur-sm dark:bg-slate-900 dark:md:bg-slate-900/90; @apply drop-shadow-md bg-white md:bg-white/90 md:backdrop-blur-sm dark:bg-slate-900 dark:md:bg-slate-900/90;
} }
.dropdown:hover .dropdown-menu { .dropdown:hover .dropdown-menu {

2
src/components/widgets/Header.astro
View File

@ -43,7 +43,7 @@ const links = [
]; ];
--- ---
<header class="sticky top-0 z-40 flex-none mx-auto w-full transition-all ease-in duration-200" id="header"> <header class="sticky top-0 z-40 flex-none mx-auto w-full transition-all ease-in duration-100" id="header">
<div class="py-3 px-3 mx-auto w-full md:flex md:justify-between max-w-6xl md:px-4"> <div class="py-3 px-3 mx-auto w-full md:flex md:justify-between max-w-6xl md:px-4">
<div class="flex justify-between"> <div class="flex justify-between">
<a class="flex items-center" href={getHomePermalink()}> <a class="flex items-center" href={getHomePermalink()}>