fix: 統一 UI 按鈕樣式並新增 button-outlined-error hover 效果
- 修正 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:
@@ -262,7 +262,12 @@
|
||||
}
|
||||
|
||||
.button-outlined-error {
|
||||
@apply border-2 text-[var(--grey-0)] bg-transparent transition-colors;
|
||||
@apply border-2 text-[var(--grey-0)] bg-transparent transition-colors disabled:border-[var(--grey-4)] disabled:text-[var(--grey-3)] disabled:cursor-not-allowed;
|
||||
border-color: var(--other-error);
|
||||
}
|
||||
|
||||
.button-outlined-error:hover {
|
||||
@apply bg-red-50 text-[var(--grey-0)];
|
||||
border-color: var(--other-error);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user