Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): use larger chevrons for number input steppers

Browse Source
This commit is contained in:
psychedelicious 2024-01-02 10:49:48 +11:00 committed by Kent Keirsey
parent f3c8e986a5
commit d256d93a2a
1 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
invokeai/frontend/web/src/common/components/InvNumberInput/InvNumberInputStepper.tsx
View File

@ -1,12 +1,11 @@
import { ChevronDownIcon, ChevronUpIcon } from '@chakra-ui/icons';
import {
forwardRef,
Icon as ChakraIcon,
NumberDecrementStepper as ChakraNumberDecrementStepper,
NumberIncrementStepper as ChakraNumberIncrementStepper,
NumberInputStepper as ChakraNumberInputStepper,
} from '@chakra-ui/react';
import { memo } from 'react';
import { FaMinus, FaPlus } from 'react-icons/fa6';
import type { InvNumberInputStepperProps } from './types';
@ -16,10 +15,10 @@ export const InvNumberInputStepper = memo(
return (
<ChakraNumberInputStepper ref={ref} {...props}>
<ChakraNumberIncrementStepper>
<ChakraIcon as={FaPlus} boxSize={2} />
<ChevronUpIcon />
</ChakraNumberIncrementStepper>
<ChakraNumberDecrementStepper>
<ChakraIcon as={FaMinus} boxSize={2} />
<ChevronDownIcon />
</ChakraNumberDecrementStepper>
</ChakraNumberInputStepper>
);