Commit c29ac9bb by Apple\Apple

💄 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
parent efa807ab
...@@ -1294,11 +1294,11 @@ const LogsTable = () => { ...@@ -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 = () => { ...@@ -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'
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment