Github/screenshot-to-code
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

show preview of videos (only works for .MP4)

Browse Source
This commit is contained in:
Abi Raja 2024-03-08 11:21:30 -05:00
parent caa63013f5
commit cacf78a4bb
1 changed files with 19 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
frontend/src/App.tsx
View File

@ -467,14 +467,27 @@ function App() {
"scanning relative": appState === AppState.CODING, "scanning relative": appState === AppState.CODING,
})} })}
> >
<img {inputMode === "image" && (
className="w-[340px] border border-gray-200 rounded-md" <img
src={referenceImages[0]} className="w-[340px] border border-gray-200 rounded-md"
alt="Reference" src={referenceImages[0]}
/> alt="Reference"
/>
)}
{inputMode === "video" && (
<video
muted
autoPlay
loop
className="w-[340px] border border-gray-200 rounded-md"
src={referenceImages[0]}
/>
)}
</div> </div>
<div className="text-gray-400 uppercase text-sm text-center mt-1"> <div className="text-gray-400 uppercase text-sm text-center mt-1">
Original Screenshot {inputMode === "video"
? "Original Video"
: "Original Screenshot"}
</div> </div>
</div> </div>
)} )}