github/InvokeAI
1
1
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI.git synced 2026-02-07 19:25:14 -05:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): brighter border around fill color buttons

Browse Source
This commit is contained in:
psychedelicious
2024-09-13 12:29:59 +10:00
parent cb53772722
commit 8506d98f34
2 changed files with 16 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/EntityListSelectedEntityActionBarFill.tsx
View File

@@ -50,7 +50,14 @@ export const EntityListSelectedEntityActionBarFill = memo(() => {
<Flex role="button" aria-label={t('controlLayers.maskFill')} tabIndex={-1} w={8} h={8}>
<Tooltip label={t('controlLayers.maskFill')}>
<Flex w="full" h="full" alignItems="center" justifyContent="center">
<Box borderRadius="full" w={6} h={6} borderWidth={1} bg={rgbColorToString(fill.color)} />
<Box
borderRadius="full"
borderColor="base.300"
w={6}
h={6}
borderWidth={1}
bg={rgbColorToString(fill.color)}
/>
</Flex>
</Tooltip>
</Flex>

9
invokeai/frontend/web/src/features/controlLayers/components/Tool/ToolFillColorPicker.tsx
View File

@@ -26,7 +26,14 @@ export const ToolColorPicker = memo(() => {
<Flex role="button" aria-label={t('controlLayers.fill.fillColor')} tabIndex={-1} w={8} h={8}>
<Tooltip label={t('controlLayers.fill.fillColor')}>
<Flex w="full" h="full" alignItems="center" justifyContent="center">
<Box borderRadius="full" w={6} h={6} borderWidth={1} bg={rgbaColorToString(fill)} />
<Box
borderRadius="full"
borderColor="base.300"
w={6}
h={6}
borderWidth={1}
bg={rgbaColorToString(fill)}
/>
</Flex>
</Tooltip>
</Flex>