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
|
<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>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user