Isolate Cancel Button Menu Styling

2026-04-23 03:00:31 -04:00 · 2023-02-19 13:23:04 +13:00
parent d42cc0fd1c
commit 8bf93d3a32
2 changed files with 14 additions and 5 deletions
--- a/invokeai/frontend/src/features/parameters/components/ProcessButtons/CancelButton.tsx
+++ b/invokeai/frontend/src/features/parameters/components/ProcessButtons/CancelButton.tsx
@@ -139,6 +139,15 @@ export default function CancelButton(
      <IAISimpleMenu
        menuItems={cancelMenuItems}
        iconTooltip={t('parameters.cancel.setType')}
+        menuButtonProps={{
+          backgroundColor: 'var(--destructive-color)',
+          color: 'var(--text-color)',
+          minWidth: '1.5rem',
+          minHeight: '1.5rem',
+          _hover: {
+            backgroundColor: 'var(--destructive-color-hover)',
+          },
+        }}
      />
    </ButtonGroup>
  );