feat(typindicator): added glass effect

2021-12-29 00:34:02 +01:00 · 2021-12-29 00:34:02 +01:00 · 94520bf064
parent 45762e4bf6
commit 94520bf064
1 changed files with 5 additions and 1 deletions
--- a/src/components/common/messaging/bars/TypingIndicator.tsx
+++ b/src/components/common/messaging/bars/TypingIndicator.tsx
@ -25,7 +25,11 @@ const Base = styled.div`
        flex-direction: row;
        width: calc(100% - var(--scrollbar-thickness));
        color: var(--secondary-foreground);
-        background: var(--secondary-background);
+        background-color: rgba(
+            var(--primary-header-rgb),
+            max(var(--min-opacity), 0.75)
+        );
+        backdrop-filter: blur(10px);
    }

    .avatars {