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.我的收藏 ? (
|
{clubType !== ClubType.我的收藏 ? (
|
||||||
<Flex wrap gap={8} style={{ width: '100%' }}>
|
<Flex wrap gap={8} style={{ width: '100%', minWidth: 180 }}>
|
||||||
<Flex flex={1}>
|
<Flex flex={1}>
|
||||||
<CascaderProvinceCity onChange={(province, city) => setProvinceCity({ province, city })} />
|
<CascaderProvinceCity onChange={(province, city) => setProvinceCity({ province, city })} />
|
||||||
</Flex>
|
</Flex>
|
||||||
<Flex flex={2} style={{ minWidth: 400 }}>
|
<Flex flex={2} style={{ width: '100%', minWidth: 200 }}>
|
||||||
<Input.Search
|
<Input.Search
|
||||||
allowClear
|
allowClear
|
||||||
onSearch={e => {
|
onSearch={e => {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user