From 9eacbcfa786b35426c740a4e9a8d8000afa552b9 Mon Sep 17 00:00:00 2001 From: M-Farmaha <115003821+M-Farmaha@users.noreply.github.com> Date: Mon, 22 Jan 2024 01:16:20 +0200 Subject: [PATCH] finnaly fixed logo animation bag))) --- src/components/AppBar/AppBar-styled.jsx | 3 ++- src/index.css | 4 ++-- 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/src/components/AppBar/AppBar-styled.jsx b/src/components/AppBar/AppBar-styled.jsx index 77b9516..e3e8ba5 100644 --- a/src/components/AppBar/AppBar-styled.jsx +++ b/src/components/AppBar/AppBar-styled.jsx @@ -8,7 +8,9 @@ export const HeaderFilter = styled.div` left: 0; right: 0; z-index: 998; + backdrop-filter: blur(8px); + background-color: rgba(255, 255, 255, 0.8); `; export const Header = styled.header` @@ -22,7 +24,6 @@ export const Header = styled.header` display: flex; justify-content: center; - background-color: rgba(255, 255, 255, 0.7); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 15px 0px; border-bottom: 1px solid; border-image: linear-gradient( diff --git a/src/index.css b/src/index.css index 144a1ac..1796208 100644 --- a/src/index.css +++ b/src/index.css @@ -1,8 +1,8 @@ :root { --main-transition: 250ms cubic-bezier(0.4, 0, 0.2, 1); - --accent-color: rgb(85, 150, 0); - --accent-hover-color: rgb(120, 211, 0); + --accent-color: rgb(105, 150, 0); + --accent-hover-color: rgb(151, 211, 0); --primary-red-color: #ff004c;