kopia lustrzana https://gitlab.com/soapbox-pub/soapbox
multivaluebadge improvements
rodzic
57d3bf442b
commit
bbf2c5aa49
|
@ -19,9 +19,9 @@ const MultiValueBadge: FC<{
|
||||||
}> = ({ value, onRemove }) => {
|
}> = ({ value, onRemove }) => {
|
||||||
return (
|
return (
|
||||||
<div className='mb-2 mr-2 inline-flex items-center rounded-full bg-gray-200 px-2 py-1 text-gray-800'>
|
<div className='mb-2 mr-2 inline-flex items-center rounded-full bg-gray-200 px-2 py-1 text-gray-800'>
|
||||||
<span className='mr-1'>{value}</span>
|
<span className='mr-1 max-w-28 overflow-hidden text-ellipsis' title={String(value)}>{value}</span>
|
||||||
<button onClick={onRemove} className='text-gray-500 hover:text-gray-700' aria-label={messages.removeValue.defaultMessage}>
|
<button onClick={onRemove} className='text-gray-600 hover:text-gray-800' aria-label={messages.removeValue.defaultMessage}>
|
||||||
<Icon src={CloseIcon} className='size-3' />
|
<Icon src={CloseIcon} className='size-4' />
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|
Ładowanie…
Reference in New Issue