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:
parent
a6a40128e3
commit
12b963a887
@ -885,17 +885,18 @@ const FilterInput = ({
|
||||
<div
|
||||
style={{
|
||||
padding: '12px 16px',
|
||||
width: 'max-content',
|
||||
maxWidth: 280,
|
||||
boxSizing: 'border-box'
|
||||
}}
|
||||
>
|
||||
<SimplePropertyFilter
|
||||
modelType={propertyFilter.modelType}
|
||||
propertyName={propertyFilter.propertyName}
|
||||
value={propertyFilterValue}
|
||||
onChange={handlePropertyFilterChange}
|
||||
/>
|
||||
<div style={{ width: 'max-content', maxWidth: '100%' }}>
|
||||
<SimplePropertyFilter
|
||||
modelType={propertyFilter.modelType}
|
||||
propertyName={propertyFilter.propertyName}
|
||||
value={propertyFilterValue}
|
||||
onChange={handlePropertyFilterChange}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</ScrollBox>
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user