mirror of
https://github.com/invoke-ai/InvokeAI
synced 2024-08-30 20:32:17 +00:00
chore(ui): lint
This commit is contained in:
parent
229423b370
commit
604217313a
@ -51,7 +51,6 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@chakra-ui/react-use-size": "^2.1.0",
|
|
||||||
"@dagrejs/dagre": "^1.1.1",
|
"@dagrejs/dagre": "^1.1.1",
|
||||||
"@dagrejs/graphlib": "^2.2.1",
|
"@dagrejs/graphlib": "^2.2.1",
|
||||||
"@dnd-kit/core": "^6.1.0",
|
"@dnd-kit/core": "^6.1.0",
|
||||||
|
@ -8,9 +8,6 @@ dependencies:
|
|||||||
'@chakra-ui/react':
|
'@chakra-ui/react':
|
||||||
specifier: ^2.8.2
|
specifier: ^2.8.2
|
||||||
version: 2.8.2(@emotion/react@11.11.3)(@emotion/styled@11.11.0)(@types/react@18.2.59)(framer-motion@11.0.6)(react-dom@18.2.0)(react@18.2.0)
|
version: 2.8.2(@emotion/react@11.11.3)(@emotion/styled@11.11.0)(@types/react@18.2.59)(framer-motion@11.0.6)(react-dom@18.2.0)(react@18.2.0)
|
||||||
'@chakra-ui/react-use-size':
|
|
||||||
specifier: ^2.1.0
|
|
||||||
version: 2.1.0(react@18.2.0)
|
|
||||||
'@dagrejs/dagre':
|
'@dagrejs/dagre':
|
||||||
specifier: ^1.1.1
|
specifier: ^1.1.1
|
||||||
version: 1.1.1
|
version: 1.1.1
|
||||||
|
@ -2,30 +2,6 @@ import type { ComboboxOption } from '@invoke-ai/ui-library';
|
|||||||
|
|
||||||
import type { AspectRatioID, AspectRatioState } from './types';
|
import type { AspectRatioID, AspectRatioState } from './types';
|
||||||
|
|
||||||
// When the aspect ratio is between these two values, we show the icon (experimentally determined)
|
|
||||||
export const ICON_LOW_CUTOFF = 0.23;
|
|
||||||
export const ICON_HIGH_CUTOFF = 1 / ICON_LOW_CUTOFF;
|
|
||||||
const ICON_SIZE_PX = 64;
|
|
||||||
const ICON_PADDING_PX = 16;
|
|
||||||
export const BOX_SIZE_CSS_CALC = `min(${ICON_SIZE_PX}px, calc(100% - ${ICON_PADDING_PX}px))`;
|
|
||||||
export const MOTION_ICON_INITIAL = {
|
|
||||||
opacity: 0,
|
|
||||||
};
|
|
||||||
export const MOTION_ICON_ANIMATE = {
|
|
||||||
opacity: 1,
|
|
||||||
transition: { duration: 0.1 },
|
|
||||||
};
|
|
||||||
export const MOTION_ICON_EXIT = {
|
|
||||||
opacity: 0,
|
|
||||||
transition: { duration: 0.1 },
|
|
||||||
};
|
|
||||||
export const ICON_CONTAINER_STYLES = {
|
|
||||||
width: '100%',
|
|
||||||
height: '100%',
|
|
||||||
alignItems: 'center',
|
|
||||||
justifyContent: 'center',
|
|
||||||
};
|
|
||||||
|
|
||||||
export const ASPECT_RATIO_OPTIONS: ComboboxOption[] = [
|
export const ASPECT_RATIO_OPTIONS: ComboboxOption[] = [
|
||||||
{ label: 'Free' as const, value: 'Free' },
|
{ label: 'Free' as const, value: 'Free' },
|
||||||
{ label: '16:9' as const, value: '16:9' },
|
{ label: '16:9' as const, value: '16:9' },
|
||||||
|
Loading…
Reference in New Issue
Block a user