Radiquum/AniX
1
0
Fork 0
mirror of https://github.com/Radiquum/AniX.git synced 2025-04-30 09:59:41 +05:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add a menu for selecting voiceover, source and episode inside of a player

Browse source
This commit is contained in:
Kentai Radiquum 2025-04-09 17:11:08 +05:00
parent 0a5b8a59e6
commit 5264534693
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
5 changed files with 266 additions and 142 deletions
Download patch file Download diff file Expand all files Collapse all files

6
app/components/ReleasePlayer/VoiceoverSelectorMenu.tsx
View file

@ -69,7 +69,7 @@ export const VoiceoverSelectorMenu = ({
voiceoverList.map((vo: Voiceover) => {
return (
<button key={`release-${release_id}-voiceover-${vo.id}`}
className={`h-fit justify-start items-start ${voiceover.id == vo.id ? "text-white" : "text-gray-500 hover:text-gray-300"} transition-colors`}
className={`h-fit px-2 ${voiceover.id == vo.id ? "text-white" : "text-gray-400 hover:text-gray-100"} transition-colors`}
onClick={() => {
setVoiceover({
selected: vo,
@ -86,9 +86,9 @@ export const VoiceoverSelectorMenu = ({
<div className="flex items-center gap-2">
{/* eslint-disable-next-line @next/next/no-img-element */}
{vo.icon ? <img alt="" className="w-6 h-6 rounded-full" src={vo.icon}></img> : ""}
<span className="text-[16px] leading-none">{vo.name}</span>
<span className="text-[16px] leading-none whitespace-nowrap">{vo.name}</span>
{vo.pinned && (
<span className={`h-4 iconify material-symbols--push-pin ${voiceover.id == vo.id ? "bg-white" : "bg-gray-500 hover:bg-gray-300"} transition-colors`}></span>
<span className={`h-4 iconify material-symbols--push-pin ${voiceover.id == vo.id ? "bg-white" : "bg-gray-400 hover:bg-gray-100"} transition-colors`}></span>
)}
</div>
<div className="flex gap-2">