💄style: Align ChannelsTable column selector modal style with LogsTable

* Removed `size="middle"` and `centered` props from the column-selector
  `Modal` in `ChannelsTable.js` to match the visual style used in
  `LogsTable`.
* Re-added `size="middle"` to the main `Table` component to preserve the
  original table sizing.
* Ensures consistent UI/UX across both channel and log column settings
  modals.
This commit is contained in:
Apple\Apple
2025-06-11 03:26:16 +08:00
parent a1163dd735
commit 0389e76af5

View File

@@ -52,7 +52,6 @@ import {
import EditChannel from '../../pages/Channel/EditChannel.js'; import EditChannel from '../../pages/Channel/EditChannel.js';
import { import {
IconTreeTriangleDown, IconTreeTriangleDown,
IconFilter,
IconPlus, IconPlus,
IconRefresh, IconRefresh,
IconSetting, IconSetting,
@@ -731,8 +730,6 @@ const ChannelsTable = () => {
</Button> </Button>
</div> </div>
} }
size="middle"
centered={true}
> >
<div style={{ marginBottom: 20 }}> <div style={{ marginBottom: 20 }}>
<Checkbox <Checkbox
@@ -1616,7 +1613,7 @@ const ChannelsTable = () => {
<div className="w-full md:w-48"> <div className="w-full md:w-48">
<Form.Input <Form.Input
field="searchModel" field="searchModel"
prefix={<IconFilter />} prefix={<IconSearch />}
placeholder={t('模型关键字')} placeholder={t('模型关键字')}
className="!rounded-full" className="!rounded-full"
showClear showClear
@@ -1825,7 +1822,6 @@ const ChannelsTable = () => {
</div> </div>
} }
maskClosable={!isBatchTesting} maskClosable={!isBatchTesting}
centered={true}
className="!rounded-lg" className="!rounded-lg"
size="large" size="large"
> >
@@ -1926,7 +1922,6 @@ const ChannelsTable = () => {
key: model key: model
}))} }))}
pagination={false} pagination={false}
size="middle"
/> />
</div> </div>
)} )}