Update QuickPropertyFilters Component with Padding Adjustments and Enhanced Text Prompts
All checks were successful
farmcontrol/farmcontrol-ui/pipeline/head This commit looks good
All checks were successful
farmcontrol/farmcontrol-ui/pipeline/head This commit looks good
- Modified padding styles for buttons in the QuickPropertyFilters component to improve visual consistency. - Enhanced text prompts to provide clearer instructions for users regarding property filtering options.
This commit is contained in:
parent
c23a4f8f64
commit
b2e35c965c
@ -371,7 +371,7 @@ const QuickPropertyFilters = ({
|
|||||||
onClick={handleClear}
|
onClick={handleClear}
|
||||||
style={{
|
style={{
|
||||||
textAlign: 'left',
|
textAlign: 'left',
|
||||||
padding: '5px 12px',
|
padding: '5px 12px 5px 12px',
|
||||||
justifyContent: 'flex-start'
|
justifyContent: 'flex-start'
|
||||||
}}
|
}}
|
||||||
type='text'
|
type='text'
|
||||||
@ -386,7 +386,7 @@ const QuickPropertyFilters = ({
|
|||||||
<Button
|
<Button
|
||||||
style={{
|
style={{
|
||||||
textAlign: 'left',
|
textAlign: 'left',
|
||||||
padding: '5px 12px',
|
padding: '5px 8px 5px 12px',
|
||||||
justifyContent: 'flex-start'
|
justifyContent: 'flex-start'
|
||||||
}}
|
}}
|
||||||
type='text'
|
type='text'
|
||||||
@ -435,7 +435,7 @@ const QuickPropertyFilters = ({
|
|||||||
<Text>
|
<Text>
|
||||||
{activeOption.needsRange
|
{activeOption.needsRange
|
||||||
? `Enter a range to continue:`
|
? `Enter a range to continue:`
|
||||||
: `Enter a ${categoryLabel.toLowerCase()} value to continue:`}
|
: `Enter a ${categoryLabel.toLowerCase()} value where the ${propertyLabel.toLowerCase()} ${activeOption.label.toLowerCase()}:`}
|
||||||
</Text>
|
</Text>
|
||||||
{activeOption.needsRange ? (
|
{activeOption.needsRange ? (
|
||||||
<Flex vertical gap='middle'>
|
<Flex vertical gap='middle'>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user