This commit is contained in:
@@ -34,7 +34,7 @@ export default function MemoryCard(
|
|||||||
}
|
}
|
||||||
return (
|
return (
|
||||||
<div className="w-full flex justify-center items-center" onKeyDown={(e: KeyboardEvent<HTMLDivElement>) => e.preventDefault()}>
|
<div className="w-full flex justify-center items-center" onKeyDown={(e: KeyboardEvent<HTMLDivElement>) => e.preventDefault()}>
|
||||||
<div className="m-4 p-4 w-full md:w-[60dvw] flex-col rounded-2xl shadow border-gray-200 border flex justify-center items-center">
|
{/* <div className="m-4 p-4 w-full md:w-[60dvw] flex-col rounded-2xl shadow border-gray-200 border flex justify-center items-center">
|
||||||
<div className="w-full flex justify-end items-center">
|
<div className="w-full flex justify-end items-center">
|
||||||
<IconClick size={32} alt="close" src={IMAGES.close} onClick={() => setChosenAlphabet(null)}></IconClick>
|
<IconClick size={32} alt="close" src={IMAGES.close} onClick={() => setChosenAlphabet(null)}></IconClick>
|
||||||
</div>
|
</div>
|
||||||
@@ -52,7 +52,7 @@ export default function MemoryCard(
|
|||||||
</>) : (<></>)
|
</>) : (<></>)
|
||||||
}
|
}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div> */}
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -45,8 +45,8 @@ export default function UploadArea(
|
|||||||
}
|
}
|
||||||
return (
|
return (
|
||||||
<div className="w-full flex flex-col gap-2 m-2">
|
<div className="w-full flex flex-col gap-2 m-2">
|
||||||
<Button label="上传视频" onClick={uploadVideo} />
|
<Button onClick={uploadVideo}>上传视频</Button>
|
||||||
<Button label="上传字幕" onClick={uploadSRT} />
|
<Button onClick={uploadSRT}>上传字幕</Button>
|
||||||
<input type="file" className="hidden" ref={inputRef} />
|
<input type="file" className="hidden" ref={inputRef} />
|
||||||
</div >
|
</div >
|
||||||
)
|
)
|
||||||
|
|||||||
@@ -162,11 +162,11 @@ const VideoPanel = forwardRef<HTMLVideoElement, VideoPanelProps>((
|
|||||||
<video className="bg-gray-200" ref={videoRef} onTimeUpdate={timeUpdate}></video>
|
<video className="bg-gray-200" ref={videoRef} onTimeUpdate={timeUpdate}></video>
|
||||||
<SubtitleDisplay subtitle={subtitle}></SubtitleDisplay>
|
<SubtitleDisplay subtitle={subtitle}></SubtitleDisplay>
|
||||||
<div className="buttons flex mt-2 gap-2 flex-wrap">
|
<div className="buttons flex mt-2 gap-2 flex-wrap">
|
||||||
<Button label={isPlaying ? '暂停' : '播放'} onClick={togglePlayPause}></Button>
|
<Button onClick={togglePlayPause}>{isPlaying ? '暂停' : '播放'}</Button>
|
||||||
<Button label="上句" onClick={previous}></Button>
|
<Button onClick={previous}>上句</Button>
|
||||||
<Button label="下句" onClick={next}></Button>
|
<Button onClick={next}>下句</Button>
|
||||||
<Button label="句首" onClick={restart}></Button>
|
<Button onClick={restart}>句首</Button>
|
||||||
<Button label={`自动暂停(${autoPause ? '是' : '否'})`} onClick={handleAutoPauseToggle}></Button>
|
<Button onClick={handleAutoPauseToggle}>{`自动暂停(${autoPause ? '是' : '否'})`}</Button>
|
||||||
</div>
|
</div>
|
||||||
<input className="seekbar" type="range" min={0} max={srtLength} onChange={handleSeek} step={1} value={progress}></input>
|
<input className="seekbar" type="range" min={0} max={srtLength} onChange={handleSeek} step={1} value={progress}></input>
|
||||||
<span>{spanText}</span>
|
<span>{spanText}</span>
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
export const BOARD_WIDTH = window.innerWidth * 0.68;
|
export const BOARD_WIDTH = globalThis.innerWidth * 0.68;
|
||||||
export const BOARD_HEIGHT = window.innerHeight * 0.68;
|
export const BOARD_HEIGHT = globalThis.innerHeight * 0.68;
|
||||||
export const TEXT_SIZE = 30;
|
export const TEXT_SIZE = 30;
|
||||||
export const TEXT_WIDTH = TEXT_SIZE * 0.6;
|
export const TEXT_WIDTH = TEXT_SIZE * 0.6;
|
||||||
Reference in New Issue
Block a user