github/InvokeAI
1
1
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI.git synced 2026-04-23 03:00:31 -04:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): style model picker selected item

Browse Source
This commit is contained in:
psychedelicious
2025-07-08 15:38:01 +10:00
committed by Kent Keirsey
parent c391f1117a
commit a7c7405ccc
1 changed files with 22 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
invokeai/frontend/web/src/features/parameters/components/ModelPicker.tsx
View File

@@ -372,7 +372,11 @@ const optionSx: SystemStyleObject = {
cursor: 'pointer',
borderRadius: 'base',
'&[data-selected="true"]': {
bg: 'base.700',
bg: 'invokeBlue.300',
color: 'base.900',
'.extra-info': {
color: 'base.700',
},
'.picker-option': {
fontWeight: 'bold',
'&[data-is-compact="true"]': {
@@ -380,7 +384,7 @@ const optionSx: SystemStyleObject = {
},
},
'&[data-active="true"]': {
bg: 'base.650',
bg: 'invokeBlue.250',
},
},
'&[data-active="true"]': {
@@ -422,12 +426,26 @@ const PickerOptionComponent = typedMemo(
</Text>
<Spacer />
{option.file_size > 0 && (
<Text variant="subtext" fontStyle="italic" noOfLines={1} flexShrink={0} overflow="visible">
<Text
className="extra-info"
variant="subtext"
fontStyle="italic"
noOfLines={1}
flexShrink={0}
overflow="visible"
>
{filesize(option.file_size)}
</Text>
)}
{option.usage_info && (
<Text variant="subtext" fontStyle="italic" noOfLines={1} flexShrink={0} overflow="visible">
<Text
className="extra-info"
variant="subtext"
fontStyle="italic"
noOfLines={1}
flexShrink={0}
overflow="visible"
>
{option.usage_info}
</Text>
)}