abner/for-legacy-web
1
0
Fork 1
mirror of https://github.com/stoatchat/for-legacy-web.git synced 2026-03-06 08:38:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: dynamically calculate header translucency and clamp minimum opacity

Browse Source
This commit is contained in:
Paul Makles
2021-12-28 21:59:09 +00:00
parent d3b78ebc48
commit 17a2ca773b
5 changed files with 72 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/ui/Header.tsx
View File

@@ -31,8 +31,10 @@ const Header = styled.div<Props>`
align-items: center;
background-size: cover !important;
background-position: center !important;
//background-color: var(--primary-header);
background-color: rgba(54, 54, 54, 0.75);
background-color: rgba(
var(--primary-header-rgb),
max(var(--min-opacity), 0.75)
);
backdrop-filter: blur(10px);
z-index: 20;
position: absolute;