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

add class names for UI testing

Browse Source
This commit is contained in:
Abi Raja 2024-04-12 19:57:01 -04:00
parent bb642b320e
commit e3a4cfa7ab
3 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/App.tsx
View File

@ -457,7 +457,7 @@ function App() {
</div> </div>
<Button <Button
onClick={doUpdate} onClick={doUpdate}
className="dark:text-white dark:bg-gray-700" className="dark:text-white dark:bg-gray-700 update-btn"
> >
Update Update
</Button> </Button>
@ -574,7 +574,7 @@ function App() {
<Button <Button
onClick={downloadCode} onClick={downloadCode}
variant="secondary" variant="secondary"
className="flex items-center gap-x-2 mr-4 dark:text-white dark:bg-gray-700" className="flex items-center gap-x-2 mr-4 dark:text-white dark:bg-gray-700 download-btn"
> >
<FaDownload /> Download <FaDownload /> Download
</Button> </Button>

2
frontend/src/components/ImageUpload.tsx
View File

@ -166,7 +166,7 @@ function ImageUpload({ setReferenceImages }: Props) {
{screenRecorderState === ScreenRecorderState.INITIAL && ( {screenRecorderState === ScreenRecorderState.INITIAL && (
/* eslint-disable-next-line @typescript-eslint/no-explicit-any */ /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
<div {...getRootProps({ style: style as any })}> <div {...getRootProps({ style: style as any })}>
<input {...getInputProps()} /> <input {...getInputProps()} className="file-input" />
<p className="text-slate-700 text-lg"> <p className="text-slate-700 text-lg">
Drag & drop a screenshot here, <br /> Drag & drop a screenshot here, <br />
or click to upload or click to upload

2
frontend/src/components/UrlInputSection.tsx
View File

@ -69,7 +69,7 @@ export function UrlInputSection({ doCreate, screenshotOneApiKey }: Props) {
<Button <Button
onClick={takeScreenshot} onClick={takeScreenshot}
disabled={isLoading} disabled={isLoading}
className="bg-slate-400" className="bg-slate-400 capture-btn"
> >
{isLoading ? "Capturing..." : "Capture"} {isLoading ? "Capturing..." : "Capture"}
</Button> </Button>