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 (
<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 }}
>
<Textarea
@ -126,6 +126,7 @@ const EditPopup: React.FC<EditPopupProps> = ({
value={updateText}
onChange={(e) => setUpdateText(e.target.value)}
placeholder="Tell the AI what to change about this element..."
className="dark:bg-gray-700 dark:text-white"
onKeyDown={(e) => {
if (e.key === "Enter") {
e.preventDefault();
@ -134,7 +135,12 @@ const EditPopup: React.FC<EditPopupProps> = ({
}}
/>
<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>
);