style(ClubSearchTable): adjust search input container flex width and min-width
- Add minWidth: 180 to the main flex container to prevent excessive shrinking. - Change the search input container width from fixed minWidth: 400 to dynamic width: '100%' with a new minWidth: 200. This ensures better responsiveness on smaller screens while maintaining usability.
This commit is contained in:
parent
f16f97b4c8
commit
da4c123015
@ -93,11 +93,11 @@ export const ClubSearchTable = (props: Props) => {
|
||||
]}
|
||||
/>
|
||||
{clubType !== ClubType.我的收藏 ? (
|
||||
<Flex wrap gap={8} style={{ width: '100%' }}>
|
||||
<Flex wrap gap={8} style={{ width: '100%', minWidth: 180 }}>
|
||||
<Flex flex={1}>
|
||||
<CascaderProvinceCity onChange={(province, city) => setProvinceCity({ province, city })} />
|
||||
</Flex>
|
||||
<Flex flex={2} style={{ minWidth: 400 }}>
|
||||
<Flex flex={2} style={{ width: '100%', minWidth: 200 }}>
|
||||
<Input.Search
|
||||
allowClear
|
||||
onSearch={e => {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user