suisuyy commited on
Commit
8769c74
·
1 Parent(s): 02ce812

Adjust image height and prompt text area size in AiEditModal for improved layout

Browse files
Files changed (1) hide show
  1. components/AiEditModal.tsx +2 -3
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-48 rounded border border-slate-300 object-contain mx-auto"
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-[40vh]"
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
  />