Refactor FilterInput Component for Improved Width Handling

- Adjusted the layout of the FilterInput component by wrapping the SimplePropertyFilter in a div with a max-width of 100%, ensuring better responsiveness and alignment.
- Removed the fixed width style to enhance flexibility across different screen sizes, improving overall user experience.
This commit is contained in:
Tom Butcher 2026-08-21 21:51:50 +01:00
parent a6a40128e3
commit 12b963a887

View File

@ -885,17 +885,18 @@ const FilterInput = ({
<div <div
style={{ style={{
padding: '12px 16px', padding: '12px 16px',
width: 'max-content',
maxWidth: 280, maxWidth: 280,
boxSizing: 'border-box' boxSizing: 'border-box'
}} }}
> >
<SimplePropertyFilter <div style={{ width: 'max-content', maxWidth: '100%' }}>
modelType={propertyFilter.modelType} <SimplePropertyFilter
propertyName={propertyFilter.propertyName} modelType={propertyFilter.modelType}
value={propertyFilterValue} propertyName={propertyFilter.propertyName}
onChange={handlePropertyFilterChange} value={propertyFilterValue}
/> onChange={handlePropertyFilterChange}
/>
</div>
</div> </div>
</ScrollBox> </ScrollBox>
</div> </div>