Let page background shine through spotlight tiles

By giving spotlight tiles a transparent background in certain layouts.
This commit is contained in:
Robin
2026-06-25 18:22:43 +02:00
parent 360a4ff026
commit 8fa3f33f37
9 changed files with 71 additions and 11 deletions

View File

@@ -43,6 +43,7 @@ interface Props extends ComponentProps<typeof animated.div> {
displayName: string;
mxcAvatarUrl: string | undefined;
avatarStyle?: "solid" | "translucent";
bgStyle?: "solid" | "transparent";
focusable: boolean;
primaryButton?: ReactNode;
raisedHandTime?: Date;
@@ -73,6 +74,7 @@ export const MediaView: FC<Props> = ({
displayName,
mxcAvatarUrl,
avatarStyle = "solid",
bgStyle = "solid",
focusable,
primaryButton,
status,
@@ -118,6 +120,7 @@ export const MediaView: FC<Props> = ({
ref={ref}
data-testid="videoTile"
data-video-fit={videoFit}
data-bg-style={bgStyle}
{...props}
>
<div className={styles.bg}>