mirror of
https://github.com/invoke-ai/InvokeAI
synced 2024-08-30 20:32:17 +00:00
90aa97edd4
This introduces the core functionality for batch operations on images and multiple selection in the gallery/batch manager. A number of other substantial changes are included: - `imagesSlice` is consolidated into `gallerySlice`, allowing for simpler selection of filtered images - `batchSlice` is added to manage the batch - The wonky context pattern for image deletion has been changed, much simpler now using a `imageDeletionSlice` and redux listeners; this needs to be implemented still for the other image modals - Minimum gallery size in px implemented as a hook - Many style fixes & several bug fixes TODO: - The UI and UX need to be figured out, especially for controlnet - Batch processing is not hooked up; generation does not do anything with batch - Routes to support batch image operations, specifically delete and add/remove to/from boards
26 lines
613 B
TypeScript
26 lines
613 B
TypeScript
import { defineStyle, defineStyleConfig, cssVar } from '@chakra-ui/react';
|
|
|
|
const $startColor = cssVar('skeleton-start-color');
|
|
const $endColor = cssVar('skeleton-end-color');
|
|
|
|
const invokeAI = defineStyle({
|
|
borderRadius: 'base',
|
|
maxW: 'full',
|
|
maxH: 'full',
|
|
_light: {
|
|
[$startColor.variable]: 'colors.base.250',
|
|
[$endColor.variable]: 'colors.base.450',
|
|
},
|
|
_dark: {
|
|
[$startColor.variable]: 'colors.base.700',
|
|
[$endColor.variable]: 'colors.base.500',
|
|
},
|
|
});
|
|
|
|
export const skeletonTheme = defineStyleConfig({
|
|
variants: { invokeAI },
|
|
defaultProps: {
|
|
variant: 'invokeAI',
|
|
},
|
|
});
|