fix(app): tweaked glass value for few components

This commit is contained in:
trashtemp 2022-01-04 20:00:06 +01:00
parent 62b7ba2e4d
commit dfd9043ca0
No known key found for this signature in database
GPG key ID: D1F0DB65081B0FC6
2 changed files with 11 additions and 3 deletions

View file

@ -48,11 +48,19 @@ export const Bar = styled.div<{ position: "top" | "bottom"; accent?: boolean }>`
props.accent props.accent
? css` ? css`
color: var(--accent-contrast); color: var(--accent-contrast);
background: var(--accent); background-color: rgba(
var(--accent-rgb),
max(var(--min-opacity), 0.9)
);
backdrop-filter: blur(20px);
` `
: css` : css`
color: var(--secondary-foreground); color: var(--secondary-foreground);
background: var(--secondary-background); background-color: rgba(
var(--secondary-background-rgb),
max(var(--min-opacity), 0.9)
);
backdrop-filter: blur(20px);
`} `}
${(props) => ${(props) =>

View file

@ -54,7 +54,7 @@ const Header = styled.div<Props>`
var(--primary-header-rgb), var(--primary-header-rgb),
max(var(--min-opacity), 0.75) max(var(--min-opacity), 0.75)
); );
backdrop-filter: blur(10px); backdrop-filter: blur(20px);
z-index: 20; z-index: 20;
position: absolute; position: absolute;
width: 100%; width: 100%;