mirror of
https://github.com/revoltchat/revite.git
synced 2024-11-13 18:59:22 -05:00
fix(app): tweaked glass value for few components
This commit is contained in:
parent
62b7ba2e4d
commit
dfd9043ca0
2 changed files with 11 additions and 3 deletions
|
@ -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) =>
|
||||||
|
|
|
@ -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%;
|
||||||
|
|
Loading…
Reference in a new issue