fix: 統一 UI 按鈕樣式並新增 button-outlined-error hover 效果
All checks were successful
Koori-ERP-Deploy-System / deploy-demo (push) Successful in 51s
Koori-ERP-Deploy-System / deploy-production (push) Has been skipped

- 修正 5 處硬編碼顏色樣式改用預定義按鈕類別
- 新增 button-outlined-error 的 hover 狀態(bg-red-50)
- 修正倉庫模組刪除按鈕樣式統一性
- 角色管理權限 Badge 改用標準組件
- 新增 UI 統一性規範 skill
- 修復 1 處 lint 警告(移除未使用參數)

變更檔案:
- resources/css/app.css: 新增 button-outlined-error hover 樣式
- resources/js/Components/Warehouse/WarehouseDialog.tsx
- resources/js/Pages/Admin/Role/Index.tsx
- resources/js/Pages/Warehouse/EditInventory.tsx
- resources/js/Pages/Warehouse/Inventory.tsx
- resources/js/Pages/Warehouse/SafetyStockSettings.tsx
- .agent/skills/ui-consistency/SKILL.md (新增)
This commit is contained in:
2026-01-14 11:31:36 +08:00
parent 7dfe46ff9a
commit f7238c2860
7 changed files with 758 additions and 10 deletions

View File

@@ -186,10 +186,10 @@ export default function WarehouseInventoryPage({
<AlertDialogFooter>
<AlertDialogCancel className="button-outlined-primary"></AlertDialogCancel>
<AlertDialogAction
onClick={(e) => {
onClick={() => {
handleDelete();
}}
className="bg-red-600 hover:bg-red-700 text-white"
className="button-filled-error"
>
</AlertDialogAction>