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:
kyuuseiryuu 2026-03-26 14:02:16 +09:00
parent f16f97b4c8
commit da4c123015

View File

@ -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 => {