diff --git a/src/renderer/src/components/BatchFile.tsx b/src/renderer/src/components/BatchFile.tsx index a10943fb..fcb3845d 100644 --- a/src/renderer/src/components/BatchFile.tsx +++ b/src/renderer/src/components/BatchFile.tsx @@ -1,6 +1,6 @@ import { memo, useRef, useMemo, useCallback, CSSProperties, MouseEventHandler } from 'react'; import { useTranslation } from 'react-i18next'; -import { FaAngleRight, FaFile, FaTimes } from 'react-icons/fa'; +import { FaFile, FaTimes } from 'react-icons/fa'; import { useSortable } from '@dnd-kit/sortable'; import { CSS } from '@dnd-kit/utilities'; @@ -47,11 +47,12 @@ function BatchFile({ path, index, isOpen, isSelected, name, onSelect, onDelete, background: isSelected ? 'var(--gray-7)' : undefined, cursor: dragging ? 'grabbing' : 'default', fontSize: 13, - padding: '3px 6px', + padding: '.2em .2em .2em .4em', display: 'flex', alignItems: 'center', alignContent: 'flex-start', - }), [sortable.isDragging, sortable.transform, sortable.transition, isSelected, dragging]); + borderRight: `.3em solid ${isOpen ? 'var(--gray-8)' : 'transparent'}`, + }), [sortable.isDragging, sortable.transform, sortable.transition, dragging, isSelected, isOpen]); const handleClick = useCallback>((e) => { onSelect?.(path); @@ -74,14 +75,10 @@ function BatchFile({ path, index, isOpen, isSelected, name, onSelect, onDelete,
{index + 1}.
- {name} + {name}
- {isOpen ? ( - - ) : ( - onDelete && onDelete(path)} /> - )} + {onDelete && onDelete(path)} />}
); }