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

ui: Bolden text & add activation color for expanded state

Browse Source
This commit is contained in:
blessedcoolant 2024-01-04 04:58:52 +05:30 committed by Kent Keirsey
parent 71f6f77ae8
commit 0db47dd5e7
2 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
invokeai/frontend/web/src/common/components/InvAccordion/InvAccordionButton.tsx
View File

@ -21,7 +21,13 @@ export const InvAccordionButton = (props: InvAccordionButtonProps) => {
{children}
<Spacer />
{badges?.map((b, i) => (
<InvBadge key={`${b}.${i}`} variant="solid">
<InvBadge
key={`${b}.${i}`}
variant="solid"
background="blue.400"
fontSize={10}
fontWeight={800}
>
{b}
</InvBadge>
))}

13
invokeai/frontend/web/src/common/components/InvExpander/InvExpander.tsx
View File

@ -24,10 +24,17 @@ export const InvExpander = ({
>
<Icon
as={isOpen ? BiCollapseVertical : BiExpandVertical}
fontSize="12px"
color="base.400"
fontSize="14px"
color={isOpen ? 'blue.400' : 'base.400'}
/>
<InvText variant="subtext" fontSize="sm" flexShrink={0} mb="2px">
<InvText
variant="subtext"
fontSize="sm"
fontWeight="bold"
flexShrink={0}
mb="2px"
color={isOpen ? 'blue.400' : 'base.400'}
>
{label}
</InvText>
</Flex>