fix: 样式优化
This commit is contained in:
parent
c979c291e6
commit
d1402e0542
|
|
@ -11,8 +11,8 @@ import ChangeBgPage from './pages/ChangeBgPage';
|
||||||
const menu = [
|
const menu = [
|
||||||
{ path: '/', label: '首页', icon: <Home className='mr-2' /> },
|
{ path: '/', label: '首页', icon: <Home className='mr-2' /> },
|
||||||
{ path: '/change-bg', label: '图片换背景', icon: <Image className='mr-2' /> },
|
{ path: '/change-bg', label: '图片换背景', icon: <Image className='mr-2' /> },
|
||||||
{ path: '/tasks', label: '任务列表', icon: <List className='mr-2' /> },
|
{ path: '/tasks', label: '换装任务列表', icon: <List className='mr-2' /> },
|
||||||
{ path: '/video-tasks', label: '视频任务进度', icon: <Video className='mr-2' /> },
|
{ path: '/video-tasks', label: '视频任务列表', icon: <Video className='mr-2' /> },
|
||||||
{ path: '/models', label: '模特维护', icon: <Users className='mr-2' /> },
|
{ path: '/models', label: '模特维护', icon: <Users className='mr-2' /> },
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -171,7 +171,7 @@ const TryOnTasksPage: React.FC = () => {
|
||||||
</DialogContent>
|
</DialogContent>
|
||||||
</Dialog>
|
</Dialog>
|
||||||
<div className='flex justify-between items-center mb-4'>
|
<div className='flex justify-between items-center mb-4'>
|
||||||
<h2 className='text-xl font-bold'>任务列表</h2>
|
<h2 className='text-xl font-bold'>换装任务列表</h2>
|
||||||
<Button onClick={() => setCreateDialogOpen(true)} disabled={!selectedRows.length}>
|
<Button onClick={() => setCreateDialogOpen(true)} disabled={!selectedRows.length}>
|
||||||
创建视频任务
|
创建视频任务
|
||||||
</Button>
|
</Button>
|
||||||
|
|
@ -217,7 +217,7 @@ const TryOnTasksPage: React.FC = () => {
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
) : (
|
) : (
|
||||||
<span className='text-gray-400'>无</span>
|
<div className='text-gray-400 w-16 h-16 flex items-center justify-center border rounded'>{item.img_status}</div>
|
||||||
)}
|
)}
|
||||||
</TableCell>
|
</TableCell>
|
||||||
<TableCell>{item.id}</TableCell>
|
<TableCell>{item.id}</TableCell>
|
||||||
|
|
|
||||||
|
|
@ -162,7 +162,7 @@ const TryOnVideoTaskPage: React.FC = () => {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className='p-6 overflow-x-auto w-full'>
|
<div className='p-6 overflow-x-auto w-full'>
|
||||||
<h2 className='text-xl font-bold mb-4'>视频任务进度</h2>
|
<h2 className='text-xl font-bold mb-4'>视频任务列表</h2>
|
||||||
<div className='mb-6 flex justify-between items-center'>
|
<div className='mb-6 flex justify-between items-center'>
|
||||||
<Button variant='outline' onClick={() => window.location.reload()}>
|
<Button variant='outline' onClick={() => window.location.reload()}>
|
||||||
刷新
|
刷新
|
||||||
|
|
@ -215,14 +215,14 @@ const TryOnVideoTaskPage: React.FC = () => {
|
||||||
<img
|
<img
|
||||||
src={task.img_url}
|
src={task.img_url}
|
||||||
alt='img'
|
alt='img'
|
||||||
className='w-16 h-16 object-cover rounded cursor-pointer transition hover:scale-105 inline-block'
|
className='w-16 h-16 object-cover rounded cursor-pointer transition hover:scale-105'
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
setPreviewImg(task.img_url);
|
setPreviewImg(task.img_url!);
|
||||||
setDialogOpen(true);
|
setDialogOpen(true);
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
) : (
|
) : (
|
||||||
<span className='text-gray-400'>无</span>
|
<div className='text-gray-400 w-16 h-16 flex items-center justify-center border rounded'></div>
|
||||||
)}
|
)}
|
||||||
</TableCell>
|
</TableCell>
|
||||||
<TableCell>{statusLoading ? '查询中...' : renderStatus(task)}</TableCell>
|
<TableCell>{statusLoading ? '查询中...' : renderStatus(task)}</TableCell>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue