fix(soundboard): let the clip-name field fill its available width
The folds Input container is display:flex with no width, so inside the row's grow="Yes" wrapper the wrapper grew but the input collapsed to content width. Set width:100% on the Input so the name field uses the space the row gives it. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -317,6 +317,7 @@ export function SoundboardPackEditor({ pack, canEdit, onUpdate }: SoundboardPack
|
|||||||
readOnly={!canEdit || markedDeleted}
|
readOnly={!canEdit || markedDeleted}
|
||||||
onChange={(e: React.ChangeEvent<HTMLInputElement>) => commit({ body: e.target.value })}
|
onChange={(e: React.ChangeEvent<HTMLInputElement>) => commit({ body: e.target.value })}
|
||||||
aria-label="Clip name"
|
aria-label="Clip name"
|
||||||
|
style={{ width: '100%' }}
|
||||||
/>
|
/>
|
||||||
</Box>
|
</Box>
|
||||||
<Box
|
<Box
|
||||||
|
|||||||
Reference in New Issue
Block a user