more ui tweaks

This commit is contained in:
2026-01-04 00:07:43 -07:00
parent 60b03f5f4b
commit 4979cce6c9
10 changed files with 372 additions and 338 deletions

View File

@@ -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%)`
}}

View File

@@ -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'}`);