...

src/app/alphabet/MemoryCard.tsx

@@ -34,7 +34,7 @@ export default function MemoryCard(
     }
     return (
         <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">
                     <IconClick size={32} alt="close" src={IMAGES.close} onClick={() => setChosenAlphabet(null)}></IconClick>
                 </div>
@@ -52,7 +52,7 @@ export default function MemoryCard(
                         </>) : (<></>)
                     }
                 </div>
-            </div>
+            </div> */}
         </div>
     );
 }

src/app/srt-player/UploadArea.tsx

@@ -45,8 +45,8 @@ export default function UploadArea(
   }
   return (
     <div className="w-full flex flex-col gap-2 m-2">
-      <Button label="上传视频" onClick={uploadVideo} />
-      <Button label="上传字幕" onClick={uploadSRT} />
+      <Button onClick={uploadVideo}>上传视频</Button>
+      <Button onClick={uploadSRT}>上传字幕</Button>
       <input type="file" className="hidden" ref={inputRef} />
     </div >
   )

src/app/srt-player/VideoPlayer/VideoPanel.tsx

@@ -162,11 +162,11 @@ const VideoPanel = forwardRef<HTMLVideoElement, VideoPanelProps>((
             <video className="bg-gray-200" ref={videoRef} onTimeUpdate={timeUpdate}></video>
             <SubtitleDisplay subtitle={subtitle}></SubtitleDisplay>
             <div className="buttons flex mt-2 gap-2 flex-wrap">
-                <Button label={isPlaying ? '暂停' : '播放'} onClick={togglePlayPause}></Button>
-                <Button label="上句" onClick={previous}></Button>
-                <Button label="下句" onClick={next}></Button>
-                <Button label="句首" onClick={restart}></Button>
-                <Button label={`自动暂停(${autoPause ? '是' : '否'})`} onClick={handleAutoPauseToggle}></Button>
+                <Button onClick={togglePlayPause}>{isPlaying ? '暂停' : '播放'}</Button>
+                <Button onClick={previous}>上句</Button>
+                <Button onClick={next}>下句</Button>
+                <Button onClick={restart}>句首</Button>
+                <Button onClick={handleAutoPauseToggle}>{`自动暂停(${autoPause ? '是' : '否'})`}</Button>
             </div>
             <input className="seekbar" type="range" min={0} max={srtLength} onChange={handleSeek} step={1} value={progress}></input>
             <span>{spanText}</span>

src/config/word-board-config.ts

@@ -1,4 +1,4 @@
-export const BOARD_WIDTH = window.innerWidth * 0.68;
-export const BOARD_HEIGHT = window.innerHeight * 0.68;
+export const BOARD_WIDTH = globalThis.innerWidth * 0.68;
+export const BOARD_HEIGHT = globalThis.innerHeight * 0.68;
 export const TEXT_SIZE = 30;
 export const TEXT_WIDTH = TEXT_SIZE * 0.6;