💄 style(LogsTable): set minimum width for log type selector
- Add min-w-[120px] class to Form.Select component for log type filtering - Remove redundant min-width constraint from parent div container - Ensure consistent dropdown width across different screen sizes - Improve UI consistency and readability for log type selection
This commit is contained in:
@@ -1294,11 +1294,11 @@ const LogsTable = () => {
|
|||||||
{/* 操作按钮区域 */}
|
{/* 操作按钮区域 */}
|
||||||
<div className='flex flex-col sm:flex-row justify-between items-start sm:items-center gap-3'>
|
<div className='flex flex-col sm:flex-row justify-between items-start sm:items-center gap-3'>
|
||||||
{/* 日志类型选择器 */}
|
{/* 日志类型选择器 */}
|
||||||
<div className='w-full sm:w-auto min-w-[140px]'>
|
<div className='w-full sm:w-auto'>
|
||||||
<Form.Select
|
<Form.Select
|
||||||
field='logType'
|
field='logType'
|
||||||
placeholder={t('日志类型')}
|
placeholder={t('日志类型')}
|
||||||
className='!rounded-full w-full sm:w-auto'
|
className='!rounded-full w-full sm:w-auto min-w-[120px]'
|
||||||
showClear
|
showClear
|
||||||
pure
|
pure
|
||||||
onChange={() => {
|
onChange={() => {
|
||||||
@@ -1316,7 +1316,7 @@ const LogsTable = () => {
|
|||||||
<Form.Select.Option value='5'>{t('错误')}</Form.Select.Option>
|
<Form.Select.Option value='5'>{t('错误')}</Form.Select.Option>
|
||||||
</Form.Select>
|
</Form.Select>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className='flex gap-2 w-full sm:w-auto justify-end'>
|
<div className='flex gap-2 w-full sm:w-auto justify-end'>
|
||||||
<Button
|
<Button
|
||||||
type='primary'
|
type='primary'
|
||||||
|
|||||||
Reference in New Issue
Block a user