cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-11-25 08:30:58 -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 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) =>

2
src/components/ui/Header.tsx
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%;