suisuyy
commited on
Commit
·
8769c74
1
Parent(s):
02ce812
Adjust image height and prompt text area size in AiEditModal for improved layout
Browse files
components/AiEditModal.tsx
CHANGED
|
@@ -61,11 +61,10 @@ const AiEditModal: React.FC<AiEditModalProps> = ({
|
|
| 61 |
</div>
|
| 62 |
|
| 63 |
<div className="mb-4">
|
| 64 |
-
<p className="text-sm text-slate-600 mb-1">Your uploaded image:</p>
|
| 65 |
<img
|
| 66 |
src={imageUrl}
|
| 67 |
alt="Uploaded image preview"
|
| 68 |
-
className="max-w-full w-auto h-
|
| 69 |
/>
|
| 70 |
</div>
|
| 71 |
|
|
@@ -78,7 +77,7 @@ const AiEditModal: React.FC<AiEditModalProps> = ({
|
|
| 78 |
value={prompt}
|
| 79 |
onChange={(e) => onPromptChange(e.target.value)}
|
| 80 |
placeholder="e.g., 'make the cat wear a party hat' or 'what is in this image?'"
|
| 81 |
-
className="w-full p-2 border border-slate-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-shadow text-xl h-[
|
| 82 |
disabled={isAnyLoading}
|
| 83 |
aria-describedby={error ? "ai-edit-error" : undefined}
|
| 84 |
/>
|
|
|
|
| 61 |
</div>
|
| 62 |
|
| 63 |
<div className="mb-4">
|
|
|
|
| 64 |
<img
|
| 65 |
src={imageUrl}
|
| 66 |
alt="Uploaded image preview"
|
| 67 |
+
className="max-w-full w-auto h-32 rounded border border-slate-300 object-contain mx-auto"
|
| 68 |
/>
|
| 69 |
</div>
|
| 70 |
|
|
|
|
| 77 |
value={prompt}
|
| 78 |
onChange={(e) => onPromptChange(e.target.value)}
|
| 79 |
placeholder="e.g., 'make the cat wear a party hat' or 'what is in this image?'"
|
| 80 |
+
className="w-full p-2 border border-slate-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-shadow text-xl h-[200px]"
|
| 81 |
disabled={isAnyLoading}
|
| 82 |
aria-describedby={error ? "ai-edit-error" : undefined}
|
| 83 |
/>
|