chore(ui): lint

This commit is contained in:
psychedelicious 2024-04-23 10:50:57 +10:00
parent 229423b370
commit 604217313a
3 changed files with 0 additions and 28 deletions

View File

@ -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",

View File

@ -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

View File

@ -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' },