fix: Improve layout of project status indicators for better alignment and visibility

This commit is contained in:
2025-09-19 07:40:33 +02:00
parent c39746f4f6
commit 94b46be15b

View File

@@ -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}`}>