Call screen footer styling improvements
This commit is contained in:
parent
7e23bb6246
commit
66da943f27
8 changed files with 136 additions and 67 deletions
|
@ -16,22 +16,20 @@ export const CallBackgroundBlur = ({
|
|||
children,
|
||||
color,
|
||||
}: PropsType): JSX.Element => {
|
||||
const backgroundProps = avatarPath
|
||||
? {
|
||||
style: {
|
||||
backgroundImage: `url("${avatarPath}")`,
|
||||
},
|
||||
}
|
||||
: {
|
||||
className: classNames(
|
||||
'module-calling__background',
|
||||
`module-background-color__${color || 'default'}`
|
||||
),
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="module-calling__background">
|
||||
<div className="module-calling__background--blur" {...backgroundProps} />
|
||||
<div
|
||||
className={classNames('module-calling__background', {
|
||||
[`module-background-color__${color || 'default'}`]: !avatarPath,
|
||||
})}
|
||||
>
|
||||
{avatarPath && (
|
||||
<div
|
||||
className="module-calling__background--blur"
|
||||
style={{
|
||||
backgroundImage: `url("${avatarPath}")`,
|
||||
}}
|
||||
/>
|
||||
)}
|
||||
{children}
|
||||
</div>
|
||||
);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue