Resume
/
movie-explorer
2
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

make bg transitions less like a flash-bulb
Gitea/movie-explorer/pipeline/head There was a failure building this commit Details

This commit is contained in:
andrzej 2024-10-07 18:39:17 +02:00
parent 453cc9458d
commit a7ecfce178
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/App.tsx
View File

@ -65,7 +65,6 @@ function App() {
height: "100vh", height: "100vh",
aspectRatio: "16/9", aspectRatio: "16/9",
objectFit: "clip", objectFit: "clip",
opacity: "40%"
} }
const { width } = useWindowDimensions() const { width } = useWindowDimensions()
@ -87,7 +86,8 @@ function App() {
<> <>
<div className="w-screen h-screen flex flex-col absolute overflow-hidden"> <div className="w-screen h-screen flex flex-col absolute overflow-hidden">
<div className="-z-10 absolute h-full blur-xl bg-black"> <div className="-z-10 bg-black/20 w-full h-full absolute"></div>
<div className="-z-20 absolute h-full blur-xl bg-black">
<CrossfadeImage src={backdrop} style={crossfadeImageStyles} /> <CrossfadeImage src={backdrop} style={crossfadeImageStyles} />
</div> </div>
<header className="bg-black py-2"> <header className="bg-black py-2">