bump description to two lines and bolden name if descriptoin is prese…

…nt (#35) Co-authored-by: Mary Hipp <[email protected]>
invoke-ai · Oct 24, 2024 · 759942b · 759942b
1 parent 487905c
commit 759942b
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/lib/components/combobox/custom-option.tsx b/lib/components/combobox/custom-option.tsx
@@ -33,9 +33,9 @@ export const CustomOptionComponent = typedMemo(({ children, ...props }: CustomOp
               {props.data.icon}
             </Flex>
             <Flex flexDir="column">
-              <Text>{children}</Text>
+              <Text fontWeight={props.data.description ? "semibold" : undefined}>{children}</Text>
               {props.data.description && (
-                <Text data-option-desc fontSize="sm" colorScheme="base" variant="subtext" noOfLines={1}>
+                <Text data-option-desc fontSize="sm" colorScheme="base" variant="subtext" noOfLines={2}>
                   {props.data.description}
                 </Text>
               )}
@@ -50,9 +50,9 @@ export const CustomOptionComponent = typedMemo(({ children, ...props }: CustomOp
     <chakraComponents.Option {...props}>
       <Tooltip label={props.data.tooltip}>
         <Flex w="full" h="full" flexDir="column" p={1} px={4}>
-          <Text>{children}</Text>
+          <Text fontWeight={props.data.description ? "semibold" : undefined}>{children}</Text>
           {props.data.description && (
-            <Text data-option-desc fontSize="sm" colorScheme="base" variant="subtext" noOfLines={1}>
+            <Text data-option-desc fontSize="sm" colorScheme="base" variant="subtext" noOfLines={2}>
               {props.data.description}
             </Text>
           )}