more ui tweaks
This commit is contained in:
@@ -138,18 +138,20 @@ const FeedbackWeighting = ({ onComplete, onCancel }) => {
|
||||
<div className="space-y-4">
|
||||
{feedbackWords.map((item, index) => (
|
||||
<div key={item.key} className="border border-gray-200 rounded-lg p-4">
|
||||
<div className="mb-3">
|
||||
<h3 className="text-lg font-semibold text-gray-800 mb-2">
|
||||
{item.word}
|
||||
</h3>
|
||||
<div className="relative">
|
||||
<div className="flex flex-col h-32"> {/* Increased height and flex column */}
|
||||
<div className="flex-grow flex items-end"> {/* Pushes h3 to bottom */}
|
||||
<h3 className="text-lg font-semibold text-gray-800">
|
||||
{item.word}
|
||||
</h3>
|
||||
</div>
|
||||
<div className="relative mt-4"> {/* Added margin-top for spacing */}
|
||||
<input
|
||||
type="range"
|
||||
min="0"
|
||||
max="6"
|
||||
value={weights[item.word] || 3}
|
||||
value={weights[item.word] !== undefined ? weights[item.word] : 3}
|
||||
onChange={(e) => handleWeightChange(item.word, parseInt(e.target.value))}
|
||||
className="w-full h-8 bg-gray-200 rounded-lg appearance-none cursor-pointer slider-thumb-hidden"
|
||||
className="w-full h-16 bg-gray-200 rounded-md appearance-none cursor-pointer blocky-slider"
|
||||
style={{
|
||||
background: `linear-gradient(to right, #ef4444 0%, #f97316 16.67%, #eab308 33.33%, #22c55e 50%, #3b82f6 66.67%, #8b5cf6 83.33%, #a855f7 100%)`
|
||||
}}
|
||||
|
||||
@@ -116,6 +116,7 @@ const PromptDisplay = () => {
|
||||
fetchMostRecentPrompt();
|
||||
fetchPoolStats();
|
||||
setDrawButtonDisabled(false); // Re-enable draw button after selection
|
||||
setSelectedIndex(null);
|
||||
} else {
|
||||
const errorData = await response.json();
|
||||
setError(`Failed to add prompt to history: ${errorData.detail || 'Unknown error'}`);
|
||||
|
||||
Reference in New Issue
Block a user