Improve group call participants background, padding, margin

This commit is contained in:
ayumi-signal 2024-01-17 12:37:04 -08:00 committed by GitHub
parent 670da5722a
commit a9df5923a3
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
7 changed files with 39 additions and 16 deletions

View file

@ -3,28 +3,23 @@
import React from 'react';
import classNames from 'classnames';
import type { AvatarColorType } from '../types/Colors';
export type PropsType = {
avatarPath?: string;
children?: React.ReactNode;
className?: string;
color?: AvatarColorType;
};
export function CallBackgroundBlur({
avatarPath,
children,
className,
color,
}: PropsType): JSX.Element {
return (
<div
className={classNames(
'module-calling__background',
{
[`module-background-color__${color || 'default'}`]: !avatarPath,
},
!avatarPath && 'module-calling__background--no-avatar',
className
)}
>