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): IAICustomSelect prevent label wrap

Browse Source
This commit is contained in:
psychedelicious 2023-06-03 14:05:03 +10:00
parent 54b7ddd63f
commit 828c86964d
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
invokeai/frontend/web/src/common/components/IAICustomSelect.tsx
View File

@ -90,9 +90,20 @@ const IAICustomSelect = (props: IAICustomSelectProps) => {
alignItems: 'center',
userSelect: 'none',
cursor: 'pointer',
overflow: 'hidden',
width: 'full',
}}
>
<Text sx={{ fontSize: 'sm', fontWeight: 500, color: 'base.100' }}>
<Text
sx={{
fontSize: 'sm',
fontWeight: 500,
color: 'base.100',
whiteSpace: 'nowrap',
overflow: 'hidden',
textOverflow: 'ellipsis',
}}
>
{selectedItem}
</Text>
</Select>
@ -105,7 +116,6 @@ const IAICustomSelect = (props: IAICustomSelectProps) => {
sx={{
...floatingStyles,
width: 'full',
// width: 'max-content',
top: 0,
left: 0,
flexDirection: 'column',