mediahub
/
mediahub-fe
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: height video player when video vertical

This commit is contained in:
Sabda Yagra 2025-08-01 21:43:39 +07:00
parent 6fa5a05624
commit a1bcadec86
2 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/form/task/task-detail-form.tsx
View File

@ -1027,7 +1027,7 @@ export default function FormTaskDetail() {
<div className="mt-6 space-y-2"> <div className="mt-6 space-y-2">
<Label>{t("type-task", { defaultValue: "Type Task" })}</Label> <Label>{t("type-task", { defaultValue: "Type Task" })}</Label>
<RadioGroup <RadioGroup
value={detail.assignmentMainType.id.toString()} value={detail?.assignmentMainType?.id?.toString()}
onValueChange={(value) => setMainType(value)} onValueChange={(value) => setMainType(value)}
// value={String(mainType)} // value={String(mainType)}
// onValueChange={(value) => setMainType(Number(value))} // onValueChange={(value) => setMainType(Number(value))}

13
components/main/video-detail.tsx
View File

@ -468,10 +468,21 @@ const DetailVideo = () => {
<div className="rounded-md overflow-hidden md:flex"> <div className="rounded-md overflow-hidden md:flex">
{/* Bagian Kiri */} {/* Bagian Kiri */}
<div className="md:w-3/4"> <div className="md:w-3/4">
<div className="relative"> {/* <div className="relative">
<VideoPlayer url={detailDataVideo?.files[selectedVideo]?.url} /> <VideoPlayer url={detailDataVideo?.files[selectedVideo]?.url} />
<div className="absolute top-4 left-4"></div> <div className="absolute top-4 left-4"></div>
</div> */}
<div className="relative max-h-screen overflow-hidden">
<div className="w-full max-h-screen aspect-video">
<div className="w-full h-full">
<VideoPlayer
url={detailDataVideo?.files[selectedVideo]?.url}
/>
</div>
</div>
<div className="absolute top-4 left-4"></div>
</div> </div>
<div className="py-4 flex flex-row gap-3"> <div className="py-4 flex flex-row gap-3">
{detailDataVideo?.files?.map((file: any, index: number) => ( {detailDataVideo?.files?.map((file: any, index: number) => (
<div <div