Improve group call participants background, padding, margin
This commit is contained in:
parent
670da5722a
commit
a9df5923a3
7 changed files with 39 additions and 16 deletions
|
@ -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
|
||||
)}
|
||||
>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue