ahmed/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases 6 Activity

Add blur effect on navbar(s)

Browse Source
This commit is contained in:
Ahmed Al-Taiar
2024-10-08 14:36:34 -04:00
parent b89a5ee1b8
commit 6e401cf2b3
3 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/layouts/AccountbarLayout/AccountbarLayout.tsx
View File

@ -11,7 +11,7 @@ const AccountbarLayout = ({ title, children }: AccountbarLayoutProps) => {
<>
<ToasterWrapper />
<div className="sticky top-0 z-50 p-2">
<div className="navbar rounded-xl bg-base-300 shadow-xl">
<div className="navbar rounded-xl bg-base-300 backdrop-blur bg-opacity-90 shadow-xl">
<div className="navbar-start">
<p className="btn btn-ghost font-syne text-xl sm:hidden">{title}</p>
</div>

2
web/src/layouts/NavbarLayout/NavbarLayout.tsx
View File

@ -79,7 +79,7 @@ const NavbarLayout = ({ children }: NavbarLayoutProps) => {
<>
<ToasterWrapper />
<div className="sticky top-0 z-50 p-2">
<div className="navbar rounded-xl bg-base-300 shadow-xl">
<div className="navbar rounded-xl bg-base-300 backdrop-blur bg-opacity-90 shadow-xl">
<div className="navbar-start space-x-2 lg:first:space-x-0">
<div className="dropdown">
<div

2
web/src/layouts/ScaffoldLayout/ScaffoldLayout.tsx
View File

@ -25,7 +25,7 @@ const ScaffoldLayout = ({
<>
<ToasterWrapper />
<div className="sticky top-0 z-50 p-2">
<div className="navbar rounded-xl bg-base-300 font-syne shadow-xl">
<div className="navbar rounded-xl bg-base-300 font-syne backdrop-blur bg-opacity-90 shadow-xl">
<div className="navbar-start space-x-2">
<Link to={routes.home()} className="btn btn-square btn-ghost">
<Icon className="size-8" path={mdiHome} />