fix: Improve layout of project status indicators for better alignment and visibility
This commit is contained in:
@@ -545,20 +545,22 @@ export default function ProjectListPage() {
|
||||
? "P+B"
|
||||
: "-"}
|
||||
</td>
|
||||
<td className="px-2 py-3 text-xs text-gray-600 flex justify-center items-center">
|
||||
{project.project_status === 'registered' ? (
|
||||
<span className="text-red-500 font-bold text-sm" title={t('projectStatus.registered')}>N</span>
|
||||
) : project.project_status === 'in_progress_design' ? (
|
||||
<span className="inline-block w-3 h-3 bg-blue-500 rounded-full" title={t('projectStatus.in_progress_design')}></span>
|
||||
) : project.project_status === 'in_progress_construction' ? (
|
||||
<span className="inline-block w-3 h-3 bg-yellow-400 rounded-full" title={t('projectStatus.in_progress_construction')}></span>
|
||||
) : project.project_status === 'fulfilled' ? (
|
||||
<span className="inline-block w-3 h-3 bg-green-500 rounded-full" title={t('projectStatus.fulfilled')}></span>
|
||||
) : project.project_status === 'cancelled' ? (
|
||||
<span className="text-red-500 font-bold text-lg" title={t('projectStatus.cancelled')}>×</span>
|
||||
) : (
|
||||
<span title="Unknown status">-</span>
|
||||
)}
|
||||
<td className="px-2 py-3 text-xs text-gray-600">
|
||||
<div className="flex justify-center items-center h-full">
|
||||
{project.project_status === 'registered' ? (
|
||||
<span className="text-red-500 font-bold text-sm" title={t('projectStatus.registered')}>N</span>
|
||||
) : project.project_status === 'in_progress_design' ? (
|
||||
<span className="inline-block w-3 h-3 bg-blue-500 rounded-full" title={t('projectStatus.in_progress_design')}></span>
|
||||
) : project.project_status === 'in_progress_construction' ? (
|
||||
<span className="inline-block w-3 h-3 bg-yellow-400 rounded-full" title={t('projectStatus.in_progress_construction')}></span>
|
||||
) : project.project_status === 'fulfilled' ? (
|
||||
<span className="inline-block w-3 h-3 bg-green-500 rounded-full" title={t('projectStatus.fulfilled')}></span>
|
||||
) : project.project_status === 'cancelled' ? (
|
||||
<span className="text-red-500 font-bold text-lg" title={t('projectStatus.cancelled')}>×</span>
|
||||
) : (
|
||||
<span title="Unknown status">-</span>
|
||||
)}
|
||||
</div>
|
||||
</td>
|
||||
<td className="px-2 py-3">
|
||||
<Link href={`/projects/${project.project_id}`}>
|
||||
|
||||
Reference in New Issue
Block a user