施肥計画一覧のボタンを分配計画に合わせて統一

アイコンのみ→アイコン+テキスト+ボーダー付きボタンに変更。
PDF(グレー)/ 編集(青)/ 削除(赤)のスタイルを両ページで統一。

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Akira
2026-03-02 10:00:51 +09:00
parent 8c47217003
commit 21d1dc355d

View File

@@ -153,24 +153,27 @@ export default function FertilizerPage() {
<div className="flex items-center gap-2 justify-end"> <div className="flex items-center gap-2 justify-end">
<button <button
onClick={() => handlePdf(plan.id, plan.name)} onClick={() => handlePdf(plan.id, plan.name)}
className="text-gray-400 hover:text-blue-600" className="flex items-center gap-1 px-2.5 py-1.5 text-xs border border-gray-300 rounded hover:bg-gray-100 text-gray-700"
title="PDF出力" title="PDF出力"
> >
<FileDown className="h-4 w-4" /> <FileDown className="h-3.5 w-3.5" />
PDF
</button> </button>
<button <button
onClick={() => router.push(`/fertilizer/${plan.id}/edit`)} onClick={() => router.push(`/fertilizer/${plan.id}/edit`)}
className="text-gray-400 hover:text-green-600" className="flex items-center gap-1 px-2.5 py-1.5 text-xs border border-blue-300 rounded hover:bg-blue-50 text-blue-700"
title="編集" title="編集"
> >
<Pencil className="h-4 w-4" /> <Pencil className="h-3.5 w-3.5" />
</button> </button>
<button <button
onClick={() => handleDelete(plan.id, plan.name)} onClick={() => handleDelete(plan.id, plan.name)}
className="text-gray-400 hover:text-red-600" className="flex items-center gap-1 px-2.5 py-1.5 text-xs border border-red-300 rounded hover:bg-red-50 text-red-600"
title="削除" title="削除"
> >
<Trash2 className="h-4 w-4" /> <Trash2 className="h-3.5 w-3.5" />
</button> </button>
</div> </div>
</td> </td>