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

improve dark mode of select and edit popup

Browse Source
This commit is contained in:
Abi Raja 2024-07-11 13:58:17 -04:00
parent 24a7462c9f
commit 9f034f7dcc
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/components/select-and-edit/EditPopup.tsx
View File

@ -118,7 +118,7 @@ const EditPopup: React.FC<EditPopupProps> = ({
return ( return (
<div <div
className="absolute bg-white p-4 border border-gray-300 rounded shadow-lg w-60" className="absolute bg-white dark:bg-gray-800 p-4 border border-gray-300 dark:border-gray-600 rounded shadow-lg w-60"
style={{ top: popupPosition.y, left: popupPosition.x }} style={{ top: popupPosition.y, left: popupPosition.x }}
> >
<Textarea <Textarea
@ -126,6 +126,7 @@ const EditPopup: React.FC<EditPopupProps> = ({
value={updateText} value={updateText}
onChange={(e) => setUpdateText(e.target.value)} onChange={(e) => setUpdateText(e.target.value)}
placeholder="Tell the AI what to change about this element..." placeholder="Tell the AI what to change about this element..."
className="dark:bg-gray-700 dark:text-white"
onKeyDown={(e) => { onKeyDown={(e) => {
if (e.key === "Enter") { if (e.key === "Enter") {
e.preventDefault(); e.preventDefault();
@ -134,7 +135,12 @@ const EditPopup: React.FC<EditPopupProps> = ({
}} }}
/> />
<div className="flex justify-end mt-2"> <div className="flex justify-end mt-2">
<Button onClick={() => onUpdate(updateText)}>Update</Button> <Button
className="dark:bg-gray-700 dark:text-white"
onClick={() => onUpdate(updateText)}
>
Update
</Button>
</div> </div>
</div> </div>
); );