cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-11-09 08:43:37 -05:00
Code Issues Projects Releases Packages Wiki Activity

fix(app): tweaked glass value for few components

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/components/common/messaging/bars/JumpToBottom.tsx
View file

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

2
src/components/ui/Header.tsx
View file

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