diff --git a/frontend/src/components/Sidebar.tsx b/frontend/src/components/Sidebar.tsx index 8396193..26a99b3 100644 --- a/frontend/src/components/Sidebar.tsx +++ b/frontend/src/components/Sidebar.tsx @@ -1,6 +1,6 @@ 'use client'; import { useState, useEffect, useRef } from 'react'; -import { Play, Loader2, ChevronDown, ChevronUp, Lightbulb, RotateCcw, Trash2, History, GitCompare } from 'lucide-react'; +import { Play, Loader2, ChevronDown, ChevronUp, Lightbulb, RotateCcw, Trash2, History, GitCompare, X } from 'lucide-react'; import { useTranslations } from '@/lib/i18n'; import { listScans, clearScans, type ScanListItem } from '@/lib/api'; import type { ScanType } from '@/lib/types'; @@ -154,13 +154,25 @@ export function Sidebar({ onScan, onLoadScan, onCompare, isRunning, isStarting =
- setTarget(e.target.value)} - placeholder={t('sidebar.targetPlaceholder')} - className="input-field" - disabled={isRunning} - /> +
+ setTarget(e.target.value)} + placeholder={t('sidebar.targetPlaceholder')} + className={`input-field ${target ? 'pr-7' : ''}`} + disabled={isRunning} + /> + {target && ( + + )} +