aboutsummaryrefslogtreecommitdiff
path: root/components/anime
diff options
context:
space:
mode:
authorFactiven <[email protected]>2023-09-25 23:45:27 +0700
committerFactiven <[email protected]>2023-09-25 23:45:27 +0700
commite4ce88fa532b15d4dcce8b8176f3e376e8c9c65f (patch)
tree68b377cc39f66bd23e95d5276ec555ffd87eacbe /components/anime
parentUpdate _app.js (diff)
downloadmoopa-e4ce88fa532b15d4dcce8b8176f3e376e8c9c65f.tar.xz
moopa-e4ce88fa532b15d4dcce8b8176f3e376e8c9c65f.zip
Update v4.1.1
Diffstat (limited to 'components/anime')
-rw-r--r--components/anime/episode.js5
-rw-r--r--components/anime/mobile/topSection.js2
2 files changed, 4 insertions, 3 deletions
diff --git a/components/anime/episode.js b/components/anime/episode.js
index e6420a7..6f96c98 100644
--- a/components/anime/episode.js
+++ b/components/anime/episode.js
@@ -262,7 +262,8 @@ export default function AnimeEpisode({
className="flex lg:hidden flex-col items-center relative rounded-md bg-secondary py-1.5 px-3 font-karla text-sm hover:ring-1 ring-action cursor-pointer group"
>
{isDub ? "Dub" : "Sub"}
- <span className="absolute invisible opacity-0 group-hover:opacity-100 group-hover:scale-100 scale-0 group-hover:-translate-y-7 translate-y-0 group-hover:visible rounded-sm shadow top-0 w-28 bg-secondary text-center transition-all transform duration-200 ease-out">
+
+ <span className="absolute pointer-events-none z-40 opacity-0 -translate-y-8 group-hover:-translate-y-10 group-hover:opacity-100 font-karla shadow-tersier shadow-md whitespace-nowrap bg-secondary px-2 py-1 rounded transition-all duration-200 ease-out">
Switch to {isDub ? "Sub" : "Dub"}
</span>
</div>
@@ -298,7 +299,7 @@ export default function AnimeEpisode({
className="hidden lg:flex flex-col items-center relative rounded-[3px] bg-secondary py-1 px-3 font-karla text-sm hover:ring-1 ring-action cursor-pointer group"
>
{isDub ? "Dub" : "Sub"}
- <span className="absolute invisible opacity-0 group-hover:opacity-100 group-hover:scale-100 scale-0 group-hover:-translate-y-7 translate-y-0 group-hover:visible rounded-sm shadow top-0 w-28 bg-secondary text-center transition-all transform duration-200 ease-out">
+ <span className="absolute pointer-events-none z-40 opacity-0 -translate-y-8 group-hover:-translate-y-10 group-hover:opacity-100 font-karla shadow-tersier shadow-md whitespace-nowrap bg-secondary px-2 py-1 rounded transition-all duration-200 ease-out">
Switch to {isDub ? "Sub" : "Dub"}
</span>
</div>
diff --git a/components/anime/mobile/topSection.js b/components/anime/mobile/topSection.js
index 8db1465..761a9fd 100644
--- a/components/anime/mobile/topSection.js
+++ b/components/anime/mobile/topSection.js
@@ -2,7 +2,7 @@ import { PlayIcon, PlusIcon, ShareIcon } from "@heroicons/react/24/solid";
import Image from "next/image";
import { useRouter } from "next/router";
import { useEffect, useState } from "react";
-import { convertSecondsToTime } from "../../../utils/getTimes";
+import { convertSecondsToTime } from "@/utils/getTimes";
import Link from "next/link";
import InfoChip from "./reused/infoChip";
import Description from "./reused/description";