0ct0pu5/ente
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Try without blur

Browse source
This commit is contained in:
Manav Rathi 2024-05-10 12:18:07 +05:30
parent 83351f41f8
commit 7c0cc15a73
No known key found for this signature in database
1 changed files with 4 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
web/apps/cast/src/components/Slide.tsx
View file

@ -13,8 +13,8 @@ interface SlideViewProps {
*/
export const SlideView: React.FC<SlideViewProps> = ({ url }) => {
return (
<Container>
<img src={url} alt="" />
<Container style={{ backgroundImage: `url(${url})` }}>
<img src={url} decoding="sync" alt="" />
</Container>
);
};
@ -23,13 +23,12 @@ const Container = styled("div")`
width: 100%;
height: 100%;
/*
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-blend-mode: multiply;
background-color: rgba(0, 0, 0, 0.5);
*/
opacity: 0.2;
/* Smooth out the transition a bit.
*
@ -50,7 +49,7 @@ const Container = styled("div")`
img {
width: 100%;
height: 100%;
backdrop-filter: blur(10px);
/* backdrop-filter: blur(10px); */
object-fit: contain;
}
`;