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