diff --git a/components/DangerConfirmButton.tsx b/components/DangerConfirmButton.tsx index 81e2507..fe3a7d0 100644 --- a/components/DangerConfirmButton.tsx +++ b/components/DangerConfirmButton.tsx @@ -9,6 +9,7 @@ interface DangerConfirmButtonProps { onConfirm: () => void; disabled?: boolean; autoCancelMs?: number; + size?: 'normal' | 'compact'; } export function DangerConfirmButton({ @@ -18,6 +19,7 @@ export function DangerConfirmButton({ onConfirm, disabled, autoCancelMs = 4000, + size = 'normal', }: DangerConfirmButtonProps) { const t = useTranslation(); const [armed, setArmed] = useState(false); @@ -45,18 +47,20 @@ export function DangerConfirmButton({ onConfirm(); } + const armedPadding = size === 'compact' ? 'px-3 py-1.5 text-xs' : 'px-3 py-2 text-sm'; + if (armed) { return (
@@ -70,6 +74,7 @@ export function DangerConfirmButton({ onClick={arm} disabled={disabled} variant="secondary" + size={size} idleLabel={idleLabel} /> ); diff --git a/components/HistoryList.tsx b/components/HistoryList.tsx index 70480f1..3f7e652 100644 --- a/components/HistoryList.tsx +++ b/components/HistoryList.tsx @@ -11,6 +11,9 @@ export function HistoryList({ items, onDelete }: HistoryListProps) { return (