MattTheTekie/secret
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixed light button not showing in light mode

Browse source
This commit is contained in:
Rohithk 2023-10-11 17:21:57 +05:30
commit 5207bdd5e1
2 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

6
pages/play/movies.js
View file

@ -55,7 +55,7 @@ const Movies = () => {
}, [id, tmdb]);
useEffect(() => {
document.addEventListener("mousedown", (event) => {
if (event.target !== "iframe") {
if (event.target !== "iframe" && event.target.tagName.toLowerCase() !== "span") {
switchLight(false)
}
})
@ -65,7 +65,7 @@ const Movies = () => {
<title>Play Movies | Yaps</title>
</Head>
<div
className={` top-0 left-0 z-[997] bg-[#222222] transition duration-300 ease-in-out ${lightStatus ? 'opacity-1 fixed w-full h-screen ' : 'opacity-0 h-0 w-0'}`}>
className={` top-0 left-0 z-[997] bg-black transition duration-300 ease-in-out ${lightStatus ? 'opacity-0.5 fixed w-full h-screen ' : 'opacity-0 h-0 w-0'}`}>
</div>
<div className={"text-4xl"}>
{data ? data.imdb.imdb.name : ""}
@ -77,7 +77,7 @@ const Movies = () => {
className={`z-[998] ${lightStatus ? 'absolute left-0 lg:left-[20%] h-[80vh] lg:w-2/3 w-full ' : 'w-full h-[95vh]'}`}
allowFullScreen="allowfullscreen"></iframe>
<div
className={`${lightStatus ? 'w-1/2 absolute text-white ' : 'w-full '} p-4 pl-0 bg-transparent gap-10 z-[999] flex flex-row justify-start top-[100%] lg:top-[90%] items-center `}>
className={`${lightStatus ? 'w-1/2 absolute text-white dark:text-black ' : 'w-full '} p-4 pl-0 bg-transparent gap-10 z-[999] flex flex-row justify-start top-[100%] lg:top-[90%] items-center `}>
<div onClick={() => switchLight(!lightStatus)}
className={"flex flex-row gap-1 items-center hover:text-orange-500 transition duration-300 ease-in-out hover:cursor-pointer"}>
<BsFillLightbulbFill/>

4
pages/play/tv.js
View file

@ -166,7 +166,7 @@ const Tv = () => {
//adding event listener for window to catch left click to remove light setting
useEffect(() => {
document.addEventListener("mousedown", (event) => {
if (event.target !== "iframe") {
if (event.target !== "iframe" && event.target.tagName.toLowerCase() !== "span") {
switchLight(false)
}
})
@ -245,7 +245,7 @@ const Tv = () => {
</div>
</div>
<div className={"flex justify-center gap-10 items-center"}>
<div className={`flex justify-center gap-10 items-center ${lightStatus ? 'text-white' : ''}`}>
<div onClick={() => switchLight(!lightStatus)}
className={"flex flex-row gap-1 items-center hover:text-orange-500 transition duration-300 ease-in-out hover:cursor-pointer"}>
<BsFillLightbulbFill/>